A self-updating, dynamic developer portfolio that fetches all public repositories from the GitHub API in real-time. Every time you push a new project to GitHub, it automatically appears on the portfolio — zero manual updates needed.
🔗 Live at: kushagra486.github.io
┌──────────────────────────────────────────────────────┐
│ HOW IT WORKS │
│ │
│ You push a new repo to GitHub │
│ ↓ │
│ Visitor opens your portfolio │
│ ↓ │
│ GitHub API fetches all public repos │
│ ↓ │
│ Project cards auto-generate with: │
│ • Name, description, language │
│ • Stars, forks, created/updated dates │
│ • Direct links to code & live demos │
│ • Language-based filter buttons │
│ ↓ │
│ Stats bar updates: repo count, languages, stars │
└──────────────────────────────────────────────────────┘
| Feature | Description |
|---|---|
| 🔄 Auto-Updating Projects | Fetches ALL public repos from GitHub API on every page load |
| 🏷️ Language Filters | Filter projects by programming language (Python, JS, etc.) |
| ⭐ Featured Projects | Highlight key repos with custom descriptions & gold badges |
| 📊 Live Stats | Real-time repo count, languages used, and total stars |
| 🖥️ Terminal About | Interactive terminal-style JSON profile display |
| ⌨️ Typing Animation | Rotating role titles in the hero section |
| 🌐 Particle Network | Canvas-based connected particle background |
| ✨ Hover Glow | Mouse-tracking radial glow on project cards |
| 📱 Fully Responsive | Works on desktop, tablet, and mobile |
| 🎨 Cyberpunk Theme | Dark theme with cyan/purple neon glow aesthetics |
| 📈 Skill Progress Bars | Animated bars that fill on scroll |
| 🔒 No Backend Required | Pure HTML/CSS/JS — hosted free on GitHub Pages |
# 1. Fork or clone this repo
git clone https://github.com/kushagra486/kushagra486.github.io.git
# 2. Open index.html and change the config at the top of the <script>:
# - GITHUB_USER = "your-username"
# - Update FEATURED object with your key repos
# 3. Push to your own username.github.io repo
git push origin mainYour portfolio will be live at https://your-username.github.io within 2 minutes.
All customization lives in one config block at the top of the <script> in index.html:
// ═══ Change your GitHub username ═══
const GITHUB_USER = "kushagra486";
// ═══ Feature specific repos with custom descriptions ═══
const FEATURED = {
"Bharat-AI-Assistant-V1": {
desc: "Full-stack AI chatbot with multi-model LLM integration...",
techs: ["React", "Next.js", "OpenRouter API", "Vercel"]
},
"Smart-Budget-Assistant": {
desc: "AI-powered personal finance tool...",
techs: ["Python", "Pandas", "NumPy", "Flask"]
}
// Add new featured repos here — unfeatured repos still appear automatically!
};What auto-updates (no code changes needed):
- New repos appear automatically
- Repo descriptions, languages, stars, forks
- Language filter buttons
- Stats bar numbers
What you customize manually:
- Featured project descriptions & tech tags
- Skills section
- Experience & certifications
- Contact information
kushagra486.github.io/
│
├── index.html # Entire portfolio (single-file, no build step)
├── README.md # This file
└── LICENSE # MIT License
Zero dependencies. No npm, no build tools, no frameworks. Just one HTML file with inline CSS & JS.
| Certificate | Issuer | Year |
|---|---|---|
| 🤖 Generative AI Fundamentals | Alison | 2026 |
| 📊 Data Analytics Job Simulation | Quantium (Forage) | 2026 |
| 📊 Data Analytics Job Simulation | Deloitte Australia (Forage) | 2025 |
| 🔧 IT Support Certificate | Data Expert Technical Institution | 2024 |
| Channel | Link |
|---|---|
| 🌐 Portfolio | kushagra486.github.io |
| linkedin.com/in/kushagra-gupta-18b4151ba | |
| 🐙 GitHub | github.com/kushagra486 |
| kushagra.gupta.ald@gmail.com | |
| 📱 Phone | +91 9889344818 |
🌐 Live Demo