GitHub Viewer

Githab Viewer is a single-page applaction, built with React, TypeScript, HTML, CSS, SASS.

This App I have built for quick reviewing of GitHub accounts. I implemented a search field with a controlled input.

While coding, I had challenges with closure. Every time when the timer was running it finished at 9 seconds instead of going to 0 and a component didn't unmount. I spent some hours trying to figure out this problem, doing research on the Internet. But finally, I overcame this bug and it helped me understand closure much deeper.

To get information from GitHub I used GitHub API.

Developmet

Before I started the developing process I decided to manage the state of the app by using just React UseState hook. Because this is a pretty simple app and the state is small.

To reduce errors while developing I used TypeScripte and wrote a few types for some values.

The main feature of this app is viewing GitHub profiles. So, I implemented a search field with a controlled input and timer which helps to reduce spending time for viewing one profile.

View Live

GitHub Viewer

Project design

Developmet