Status: Completed
Authors: Ygor Dimas and Rocketseat
Contact: Linkedin
Click here to access the project's GitHub Page
The project consists of a web application capable of reaching Github's API, then retrieving and displaying a list of public repositories from either a Git User or Organization. It was initially developed with the guidance of Rocketseat's Ignite bootcamp as part of the ReactJS course.
After finishing the course, I had a basic aplication that could fetch the list from Github's API but only through editing the code. There was no input component available for the user to decide from which Git User or Organization would it be retrieving from. This is how it looked like:
From this stage I added a Header component for colecting information that will be processed by the aplication. It consists of a couple of radio buttons and an input field. The radio buttons are responsible for setting what kind of search the user will be doing - if through a Git User's repositories catalogue or if through a Git Organization. They are retrivied by different URL structures so the code changes depending on the user's choice. The input field takes in the desired Git User or Organization name. The app displays a feedback message for the user if the Git User or Organization doesn't exist or if it exists but has no public repositories to be displayed.
My main objective for this project was to keep making progress with my React studies and put into practice the fundamental React concepts learned in the bootcamp course while building new functionalities for the app.
- Reusable components with React
- Props and State
- Fetching information through useEffect and handling errors with trycatch
- Typescript and .tsx
- Styling in React with styled-components
- Loading animation through conditional rendering and states
%20(1).png)
.png)
.png)
%20(3).png)