GithubFinder

This is a robust, fully featured React App. This GitHub Finder allow user to find existing user on GitHub and also checkout some Trending Repository and Developers.

Tech Stack

React, JavaScript, Html, CSS, Chakra-UI

Deployment Link

https://github-finder-gray-two.vercel.app/

Features

• Navigation Bar and Footer is well aligned.
• Fetching API for displaying the data along with there github stats.
• Github Stars section is provided where top Github Contributors along with their github statistics is provided.
• Searching Functionality is also provided.
• Trending Repo section where all Trending Projects is mentioned along with Contributors and particulars.
• All components are cross-device compatible.

Installation

Clone the Repository from Github. Then do the following steps:

    npm install

    npm run start

Screenshots

Home Page

This is the landing page when user visits the website for first time.

Finder Section

Once user search for any particular username cards will be available in this manner.

Github Stars

This section shows the Developers who made considerable constribution on GitHub platform including their stats.

Trending Repo

This section shows the Repository that are trending on GitHub.

About Page

This is the concluding page where some useful links related to get in touch is provided.

API Reference

Get All Users from Github API

  GET : `https://api.github.com/search/users?q=${user}&page=1&per_page=${limit}&order=asc`

Get Trending Repo API

  GET : https://gtrend.yapie.me/