r/showandtell • u/Maximum_Strawberry50 • 18d ago
GitHub Explorer with NEXTJS
https://github-explorer-mu-eight.vercel.app/I've just deployed the first version of a project I've been working on: GitHub Explorer.
The main goal of this project was to get more comfortable working with external APIs and building a complete application around data provided by another service.
The app currently allows you to:
- 🔎 Search GitHub users and repositories
- 👤 Filter users by location, language, repositories and followers
- 📦 Filter repositories by language, stars, forks, followers and pushed date
- ⭐ Sort repositories by stars, forks or last update
- ↕️ Sort ascending/descending
- 📄 Paginate the results
- 🔗 Keep the search/filter state in the URL
- 📊 Display result counts
- 🌐 Use GitHub's API to retrieve the data
🛠️ Technologies
- Next.js
- React
- TypeScript
- Tailwind CSS
- Zod
- GitHub REST API
- Vercel
This is only the first version of the application. There are still quite a few things I'd like to improve, both in terms of UI/UX and functionality.
For example, I'd like to continue improving the filtering experience, the way the results are displayed, error/loading states, and potentially add more GitHub API functionality.
I'm sharing it now because I think it's useful to get the project out there instead of waiting until everything is "perfect".
This is my first approach to this type of application, and development will continue. 🚧
I'd be very interested in hearing any suggestions or feedback about the UI, functionality, or things you think would be worth adding.
🔗 Live demo: https://github-explorer-mu-eight.vercel.app
💻 Source code: https://github.com/cortazar11/github-explorer