Skip to content

This is a git hub user details fetching API Project where it fetch user details by the help of their name and show in the form of card with some details

Notifications You must be signed in to change notification settings

BinodRai123/Api-Repo-Fetching

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🔍 Welcome to GitHub Repo Fetcher!

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!

🌐 Live Demo


✨ Features

  • 🔍 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

🛠 Tech Stack

  • 🧱 HTML
  • 🎨 Tailwind CSS
  • 🧠 JavaScript (ES6)
  • 🔄 GitHub REST API v3
  • ☁️ Hosted on Netlify

🚀 Getting Started

📁 Clone the Project

git clone https://github.com/BinodRai123/Api-Repo-Fetching.git
cd github-repo-fetcher

💻 Run Locally

Just open the index.html file in your browser.

Or use a local development server like VS Code’s Live Server:

npx live-server

📦 Folder Structure

├── index.html           # Main HTML file
├── style.css            # Tailwind CSS styles
├── script.js            # JS with async fetch logic
└── README.md            # Project documentation

🚀 Deployment

🌐 Netlify

  1. Push your code to GitHub.
  2. Go to Netlify, log in, and click “New site from Git.”
  3. Connect your repository and deploy.

🖥 GitHub Pages

You can also deploy using GitHub Pages by moving your files into a docs/ folder and enabling GitHub Pages in your repo settings.


🖼 Screenshot

App Screenshot
Tip: Replace this with an actual screenshot of your app.


🤝 Contributing

Pull requests are welcome! Feel free to fork the project and improve it.


Built with ❤️ by Binod-Rai using GitHub API and Vanilla JS.

About

This is a git hub user details fetching API Project where it fetch user details by the help of their name and show in the form of card with some details

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published