Skip to content
BranchesTags

Repository files navigation

🚀 Bhanu Prakash — Personal Portfolio

Typing SVG

Live Demo License Version Stars


React TypeScript Vite Tailwind CSS Supabase Vercel

📖 About

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

✨ Features

🎨 Design & UI

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

📄 Portfolio Sections

  • 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

⚡ Performance

  • 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

🛠️ Tech Stack

Category Technology
Frontend Framework React 19
Language TypeScript
Build Tool Vite
Styling Tailwind CSS
Backend / DB Supabase
Deployment Vercel
Package Manager npm / bun
Linting ESLint

📁 Project Structure

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

🚀 Getting Started

Prerequisites

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)

1. Clone the Repository

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

2. Install Dependencies

npm install
# or
bun install

3. Configure Environment Variables

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.

4. Start the Development Server

npm run dev

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

📜 Available Scripts

Script Command Description
Dev server npm run dev Start Vite dev server with HMR
Build npm run build Compile TypeScript + bundle for production
Preview npm run preview Serve the production dist/ build locally
Lint npm run lint Run ESLint across the codebase

🌐 Deployment

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

Deploy Your Own Fork

  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

🏆 GitHub Achievements

Achievement Description
🦈 Pull Shark ×2 Merged multiple pull requests
⭐ Starstruck Repository received 16+ stars
👥 Pair Extraordinaire Co-authored commits with collaborators
🧠 Galaxy Brain ×2 Discussion answers marked as solutions
🎯 YOLO Merged a PR without a code review
⚡ Quickdraw Closed an issue or PR within 5 minutes

📬 Contact

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

Platform Link
🌐 Portfolio bhanutechlab.vercel.app
📧 Email bhanu99517@gmail.com
💼 LinkedIn g-bhanu-prakash-18a476340
🐦 X (Twitter) @bhanu9951
📸 Instagram g_bhanu_prakash
🐙 GitHub Bhanu99517

💖 Support

If you like this project or found it helpful:

📄 License

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.

Made with ❤️ by Bhanu Prakash

ECE Engineer · Full Stack Developer · Open Source Enthusiast

GitHub

About

bhanutechlab.vercel.app

Topics

portfolio

Resources

Readme
MIT license

Security policy

Security policy
Activity

Stars

8 stars

Watchers

0 watching

Forks

2 forks
Report repository

Releases

Sponsor this project

Packages

Used by

Contributors

Languages