This project is a simple web application that allows users to discover a random popular GitHub repository by programming language. Users can select a language from a searchable dropdown, and the app fetches a random repository using the GitHub API, displaying its details such as name, description, stars, forks, issues, and a direct link.
- Select a programming language from a searchable dropdown (
c-select) - Fetch a random popular repository for the selected language (
getRandomRepo) - Display repository details: name, description, stars, forks, issues, and language
- Loader animation during data fetch (
loader) - Responsive and modern UI (style.css)
- Built with vanilla JavaScript and Web Components
- Clone this repository.
- Open
index.htmlin your browser. - Select a language and click "Refresh" to discover a random repository.
This project is based on the roadmap.sh Github Random Repo training project.
You can follow the training guide for step-by-step instructions and best practices.
index.html: Main HTML file and UI layoutstyle.css: Styling and themeapp.js: Main application logic and API integrationcomponents/Select.js: Custom language select dropdowncomponents/Loader.js: Loader animation component