- I prepared a small-scale project in order to remember the Fetch API and the react structure.
You can reach my project from here 👈
react-github-finder (folder)
|
|----readme.md
├── public
│ └── index.html
├── src
│ ├── assets
│ │ └── loading.svg
│ ├── components
│ │ ├── Paginate.jsx
│ │ ├── PaginateRepos.jsx
│ │ ├── ProfileCard.jsx
│ │ └── RepoDetails.jsx
│ ├── pages
│ │ └── Home.jsx
│ ├── App.js
│ ├── App.css
│ └── index.js
│ └── index.css
├── package.json
└── yarn.lock
- HTML
- CSS
- JS
- ReactJS
- Axios
- Material-UI
- Bootstrap
- ReactStrap
- Router Dom
To get the data i used the following API's:
- Github API:
https://docs.github.com/en/rest/users
- Github API repos:
https://api.github.com/users/${userName}/repos?per_page=100
To run this project;
$ git clone https://github.com/esadakman/reactjs-github-finder.git
$ cd axios-router-project/
$ npm install / yarn
$ npm start / yarn start