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.
To create the design of this app I've chosen Figma.
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.