The frontend application described here aims to explore the Github API by displaying users, repositories, searches, and related information.
Technologies Used:
- NextJS 15
- Server Components
- Server Actions
- Axios
- Material UI
- Tailwind CSS
- Cypress
- pm2
Features - Exploration of the Github API
- Display of users and repositories
- Search for related information
Notes:
Version 15 of NextJS was used with the App Router, exploring the use of Server Components and also Server Actions when it was necessary to use Client Components
To protect the API key, no requests to the endpoints were made from the frontend: everything is on the server side
For the requests, an http service was created using Axios (already embedding the headers) and a generic TS type
I used the Material UI library for the components, using its tables, cards, icons, navbar, etc.
Although the application is aimed at desktop, I added responsiveness, especially changing the background (with animation) for mobile
I used Tailwind to facilitate CSS
End-to-end tests with Cypress
In the container, I use pm2 to keep the application running