GitHub Profiles App
GitHub Profiles App
Difficulty :intermediate
APIs allow you to use real-world data that drives platforms like GitHub. You can communicate with remote servers and get data to build comprehensive applications.
This project creates a search app that uses the GitHub API to retrieve user information when a valid username is input. Perfect for learning API integration and data visualization.
User Stories:
- User can enter a username in a search field
- User can click on search button to retrieve information
- User can see the avatar, username, followers and repository count of searched user
- User can see the top 4 repositories of searched user based on stars/forks
- User should get an alert if the username is not valid
- User can see loading states while data is being fetched
Bonus Features:
- User can toggle dark/light mode (mode should persist when user returns)
- User can view all repositories with pagination
- User can see detailed repository information (languages, issues, PRs)
- User can see user's contribution graph
- User can compare multiple users side by side
- User can see trending repositories
- User can filter repositories by language
- User can see user's organizations and gists
- User can export profile data as PDF
- User can see user's recent activity
What you'll learn:
- GitHub API integration and authentication
- Complex data fetching and error handling
- Responsive design for profile layouts
- Data visualization for statistics
- Pagination and infinite scrolling
- Local storage for theme persistence
- Search functionality with debouncing
- Loading states and skeleton screens
Example of implementations to inspire from :
Share the word :