🚀 Bhanu Prakash — Personal Portfolio

Bhanu Prakash Portfolio v2 is a fully responsive, modern personal portfolio website built to showcase projects, skills, achievements, and contact information. It's designed for developers, AI enthusiasts, and tech professionals who want a clean, fast, and professional online presence.

This is the second iteration of the portfolio — rebuilt from scratch with a more polished UI, better performance, and richer content sections including an Open Source page, GitHub stats integration, and a contact form powered by Supabase.

💡 "Hardware + AI + Software = Real Products" — Bhanu Prakash

• Modern, minimal dark-themed design
• Fully responsive across mobile, tablet, and desktop
• Smooth scroll animations and section transitions
• Clean typography with professional layout

• Hero — Animated introduction with typing effect and CTA buttons
• About Me — Background, education, and personal mission
• Skills — Visual tech stack grid with categorized tools and languages
• Projects — Showcase cards with live demo links, tech tags, and descriptions
• Open Source — GitHub stats, achievements, and contribution highlights
• Contact — Contact form with Supabase backend integration

• Built with Vite for lightning-fast builds and HMR
• Optimized asset loading and code splitting
• SEO-friendly HTML structure with proper meta tags
• Deployed on Vercel with global CDN

Bhanu-portfolio/
├── .github/                    # GitHub Actions workflows
├── public/                     # Static assets (favicon, images, icons)
├── src/
│   ├── assets/                 # Images, SVGs, and media
│   ├── components/             # Reusable UI components
│   │   ├── Header.tsx          # Navigation bar
│   │   ├── Footer.tsx          # Footer with links
│   │   ├── Hero.tsx            # Landing hero section
│   │   ├── About.tsx           # About me section
│   │   ├── Skills.tsx          # Tech stack display
│   │   ├── Projects.tsx        # Project cards grid
│   │   ├── OpenSource.tsx      # GitHub stats & achievements
│   │   └── Contact.tsx         # Contact form
│   ├── App.tsx                 # Root component & routing
│   ├── main.tsx                # React entry point
│   └── index.css               # Global styles
├── supabase/                   # Supabase config & migrations
├── index.html                  # HTML entry point
├── tailwind.config.ts          # Tailwind configuration
├── vite.config.ts              # Vite configuration
├── tsconfig.json               # TypeScript config
├── package.json                # Dependencies & scripts
└── README.md                   # This file

Make sure you have the following installed:

• Node.js v18 or higher — Download
• npm v9+ or bun — Bundled with Node.js
• A Supabase account (for the contact form backend)

git clone https://github.com/Bhanu99517/Bhanu-portfolio.git
cd Bhanu-portfolio

npm install
# or
bun install

Create a .env file in the root directory:

cp .env.example .env

Fill in your Supabase credentials:

VITE_SUPABASE_URL=https://your-project-id.supabase.co
VITE_SUPABASE_ANON_KEY=your-supabase-anon-key

⚠️ Never commit your .env file — it's already in .gitignore.

npm run dev

Open http://localhost:5173 in your browser 🎉

This portfolio is deployed on Vercel with automatic deployments on every push to main.

1. Fork this repository
2. Go to vercel.com and import your forked repo
3. Add your environment variables in the Vercel dashboard
4. Click Deploy — done! ✅

Or use the Vercel CLI:

npm install -g vercel
vercel

Live URL: bhanutechlab.vercel.app

Feel free to reach out for collaborations, freelance work, or just to say hi!

If you like this project or found it helpful:

• ⭐ Star this repository — it means a lot!
• ☕ Buy Me a Coffee
• 🍵 Ko-fi

This project is licensed under the MIT License — see the LICENSE file for full details.

MIT License — Copyright (c) 2024 G Bhanu Prakash
Free to use, modify, and distribute with attribution.