github-profile-finder

fetching the Github API for displaying the user's profile and repositories.

This project contains four components : Profile, Repositories, Pagination, Loader.

Tech Stack : Reactjs, MaterialUI, Github API.

Hosted Link : https://elated-morse-efdff3.netlify.app/

In App component, it contains a form having input to enter a github username by pressing enter key or clicking the button . it calls the Api which display the profile and repositories data of that particular user.

Profile:

This component contains the data of the user's profile (like : name, email, followers, image, bio)

Repositories:

This component contains the data of each repositories of that particular user in the form of card containing name, description, languages and topics.

Loader:

This component contains the skeleton loader of profile and repositories. in profile,the skeleton will display while calling the api it depends upon the internet speed at sometimes it can't be visible due to fast connection . so, In repository, I have add skeleton loader for 0.5s by using settimeout method. So, you can see that how loader will look like.

Unit tests:

Unit tests of Profile and Repository component.