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 :