A clean and beginner-friendly web app built with HTML, Tailwind CSS, and Vanilla JavaScript.
Search for any GitHub user and view all their public repositories with useful details!
- 🔍 Search any GitHub username
- 📁 Displays public repositories with:
- Repository Name
- Description
- Creation Date
- Total Commits (latest 5 shown)
⚠️ Friendly error message for invalid usernames- 🎨 Responsive and minimalist UI using Tailwind CSS
- ⚡ Powered by JavaScript
fetch()
and GitHub REST API
- 🧱 HTML
- 🎨 Tailwind CSS
- 🧠 JavaScript (ES6)
- 🔄 GitHub REST API v3
- ☁️ Hosted on Netlify
git clone https://github.com/BinodRai123/Api-Repo-Fetching.git
cd github-repo-fetcher
Just open the index.html
file in your browser.
Or use a local development server like VS Code’s Live Server:
npx live-server
├── index.html # Main HTML file
├── style.css # Tailwind CSS styles
├── script.js # JS with async fetch logic
└── README.md # Project documentation
- Push your code to GitHub.
- Go to Netlify, log in, and click “New site from Git.”
- Connect your repository and deploy.
You can also deploy using GitHub Pages by moving your files into a docs/
folder and enabling GitHub Pages in your repo settings.
Tip: Replace this with an actual screenshot of your app.
Pull requests are welcome! Feel free to fork the project and improve it.
Built with ❤️ by Binod-Rai using GitHub API and Vanilla JS.