A modern, responsive web application built with Vanilla JavaScript, CSS3, and HTML5 that leverages the GitHub REST API to search profiles, inspect user statistics, dark/light theme switching, and highlight recent public repositories.
- Instant Developer Search: Fetch profile information, user bios, locations, and personal website links.
- Real-time Metrics: Clear display of public repository counts, followers, and following statistics.
- Recent Repositories: Direct preview cards showing a user's recent public repositories with live star and fork counts.
- Dark / Light Mode: Built-in theme toggling powered by CSS variables and local storage compatibility.
- Dynamic Loading States: Visual feedback indicators for data fetching and missing profile errors.
- Responsive Design: Mobile-first, flexbox/grid layout optimized across all screen sizes.
| Layer | Technology Used |
|---|---|
| Frontend | HTML5, CSS3 (Custom Variables, CSS Grid, Flexbox) |
| Logic | Vanilla JavaScript (ES6+, Async/Await, Fetch API) |
| Icons | Font Awesome 6 |
| API | GitHub REST API v3 |
github-profile-finder/
│
├── index.html # Application HTML markup
├── style.css # CSS variable theme definitions & layouts
├── script.js # GitHub API integration & DOM manipulation logic
└── README.md # Project documentation
- Clone the repository:
git clone https://github.com/sidequest-code/devfinder.git - Navigate into the directory:
cd devfinder - Open the app:
- Double-click index.html to open it in any web browser, or use VS Code's Live Server extension.
-
Type any GitHub username (e.g., octocat, torvalds, or sidequest-code) into the search bar.
-
Click Search or press Enter.
-
View user metrics, follower counts, and recent repositories!