A single-page dashboard that showcases GitHub repository language statistics with a Spotify-inspired user interface. The app preserves the original behavior of accepting a GitHub username, fetching the most-used languages, and visualizing the breakdown through progress bars and language badges.
- Spotify-style layout featuring a sidebar, hero banner, and dark glass panels for language analytics.
- Live GitHub lookup that retrieves the most-used languages for a given user through the GitHub API.
- Language breakdown visualization using animated progress bars and color-coded badges.
- Responsive design that adapts the dashboard for desktop, tablet, and mobile viewports.
- Enter a GitHub username in the input field.
- Click Generate Card to fetch repositories for that user.
- The dashboard updates with total repository count, a dominant language summary, and a percentage breakdown for each detected language.
index.html– Contains the HTML, CSS, and JavaScript that power the Spotify-themed dashboard and language detection logic.README.md– Project overview, setup instructions, and usage guide (this file).
- Update color tokens at the top of
index.htmlto adjust the theme. - Modify the hero copy or sidebar links to tailor the layout for your brand.
- Extend the JavaScript section to add caching, error handling, or additional API integrations.
This project is distributed under the MIT License. See the LICENSE file if provided, or define your preferred license for reuse.
Here are the programming languages and technologies this project supports:
