MUI Example

Description

• I prepared a small-scale project in order to understand the useContext structure and the Material UI framework that I have learned recently.
• In addition to my styling, I also used the Material UI in my pagination process.

Project Link

You can reach my project from here 👈

Project Skeleton

MUI Example (folder)
|
|----readme.md
├── public
│     └── index.html
├── src
│    ├── components
│    │       ├── AppPagination
│    │       ├── Cards.jsx
│    │       └── navbar.jsx
│    ├── img
│    │     └─── [images]
│    ├── context
│    │     └─── Paginate Context
│    ├── pages
│    │       ├── home
│    │       └── login
│    ├── router
│    │       └── AppRouter.js
│    │       └── PrivateRouter.js
│    ├── App.js
│    ├── App.css
│    ├── index.js
│    └── index.css
├── package.json
└── yarn.lock

At the end of the project, following topics are to be covered;

• HTML
• CSS
• JS
• ReactJS
• Material-UI

Installation

To run this project;

$ git clone https://github.com/esadakman/reactjs-mui-example.git
$ cd ../mui-example
$ npm install / yarn
$ npm start / yarn start

Preview of the Project