Github Finder

Description

• I prepared a small-scale project in order to remember the Fetch API and the react structure.

Project Link

You can reach my project from here 👈

Project Skeleton

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

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 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

Preview of the Project