Axios-Router Project

Description

• I prepared a small-scale project in order to understand the Router Dom and the Material UI framework that I have learned recently.
• In addition to Material UI, I also used the Bootstrap for pagination process and card design.
• Because of hard coding this project only shows my followers. If you want to change the followers you have to change it from home.jsx.

Project Link

You can reach my project from here 👈

Project Skeleton

Axios-Router Project (folder)
|
|----readme.md
├── public
│     └── index.html
├── src
│    ├── components
│    │       ├── CardFollowers.jsx
│    │       ├── Followers.jsx
│    │       ├── NavBar.jsx
│    │       ├── Paginate.jsx
│    │       └── SearchUser.jsx
│    ├── pages
│    │       ├── Home.jsx
│    │       ├── Login.jsx
│    │       └── NotFound.jsx
│    ├── router
│    │       └── AppRouter.jsx
│    │       └── PrivateRouter.jsx
│    ├── App.js
│    ├── App.css
│    └── index.js
├── package.json
└── yarn.lock

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

• HTML
• CSS
• JS
• ReactJS
• Axios
• Material-UI
• Bootstrap
• ReactStrap
• Router Dom

Installation

To get the data i used the following API's:

• Github API: https://docs.github.com/en/rest/users
• Github API followers: https://api.github.com/users/esadakman/followers?per_page=100

To run this project;

$ git clone https://github.com/esadakman/reactjs-axios-router.git
$ cd axios-router-project/
$ npm install / yarn
$ npm start / yarn start

Preview of the Project