Skip to content

A fast, responsive GitHub profile viewer built with vanilla JavaScript and Tailwind CSS. It fetches detailed user and repo data via the GitHub API—no frameworks, just clean UI and raw speed. Ideal for learning API calls and UI design.

Notifications You must be signed in to change notification settings

C0nfu5ing-5pring/Gihub-Profile-Loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔍 GitHub Profile Loader

A slick, minimal web app that fetches and displays detailed GitHub user profiles and repositories.
Built with plain JavaScript and styled using Tailwind CSS — no frameworks, just raw speed and clean UI.

🚀 Live Preview

🔗 GitHub Pages Link


📸 Features

  • Fetches user profile data using the GitHub API
  • Displays:
    • Avatar, name, username, bio
    • Location, company, personal website
    • Repo count, followers/following
    • Top 6 most recently updated repositories
  • Shows:
    • Stars, creation & update dates, language
  • Fully responsive & dark-themed using Tailwind CSS

🛠️ Tech Stack

  • HTML5
  • Vanilla JavaScript
  • Tailwind CSS
  • GitHub REST API

⚠️ API Rate Limiting

This app uses unauthenticated GitHub API calls, which are limited to 60 requests/hour per IP address.
To bypass this in production, consider:

  • Adding a backend to proxy requests
  • Using GitHub OAuth with a personal access token

📦 How to Use

  1. Clone the repo:
    git clone https://github.com/C0nfu5ing-5pring/Gihub-Profile-Loader.git
    cd Gihub-Profile-Loader
  2. Open index.html in your browser
  3. Enter a GitHub username and submit

About

A fast, responsive GitHub profile viewer built with vanilla JavaScript and Tailwind CSS. It fetches detailed user and repo data via the GitHub API—no frameworks, just clean UI and raw speed. Ideal for learning API calls and UI design.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published