💼 Akshat Bhardwaj - Portfolio

A premium, interactive portfolio showcasing full-stack development expertise, AI/ML specialization, and multi-agent systems architecture. Built with cutting-edge web technologies for optimal performance and user experience.

---

🎯 Quick Access

Resource	Link
🌐 Live Portfolio	View on Vercel
📊 Projects	See featured work below
💬 Contact	Email | GitHub

---

✨ Highlights

• Interactive 3D Hero - Spline-powered robot character animation
• Technical Arsenal - 30+ technologies with professional branding
• Professional Timeline - 4-year journey (2023-2026) with milestones
• Featured Projects - 3 production-grade projects with live demos
• Performance Optimized - ~500KB gzipped, 90+ Lighthouse score
• Responsive Design - Mobile-first approach with Tailwind CSS v4
• Smooth Interactions - Lenis smooth scrolling + Framer Motion animations

---

🚀 Deployment on Vercel

One-Click Deploy

Manual Deployment Steps

1. Push to GitHub

   git push origin main

2. Go to vercel.com

   • Sign in with GitHub
   • Click "New Project"
   • Select your PORTFOLIO repository
   • Click "Deploy"

3. Live in 1-2 minutes! 🎉

---

💻 Tech Stack

Frontend Framework

• Next.js 16 - React metaframework with SSR/SSG
• React 18 - Component library
• TypeScript - Type-safe development

Styling & Animations

• Tailwind CSS v4 - Utility-first CSS framework
• Framer Motion - Advanced animations
• Lenis - Smooth scrolling library

3D & UI Components

• Spline - Interactive 3D scenes
• Lucide React - Modern SVG icons
• React Icons - Extended icon library
• Aceternity UI - Premium components

Image & Media

• Cloudinary - Image optimization & hosting
• Next.js Image - Automatic image optimization

Development Tools

• ESLint - Code quality
• PostCSS - CSS processing
• Turbopack - Next.js build engine

---

📂 Project Structure

src/
├── app/
│   ├── layout.tsx              # Root layout with metadata
│   ├── page.tsx                # Main portfolio page
│   ├── favicon.ico             # Site favicon
│   └── globals.css             # Global styles
├── components/
│   ├── Hero.tsx                # Hero section with Spline
│   ├── Navbar.tsx              # Navigation bar
│   ├── ContactForm.tsx         # Contact form component
│   ├── 3d-marquee-demo.tsx    # 3D marquee animation
│   ├── timeline-demo.tsx       # Professional timeline
│   ├── floating-dock-demo.tsx  # Floating dock nav
│   ├── sections/
│   │   ├── About.tsx           # About section
│   │   ├── Skills.tsx          # Technical Arsenal
│   │   ├── Projects.tsx        # Featured projects
│   │   ├── Timeline.tsx        # Journey timeline
│   │   ├── Achievements.tsx    # Milestones & stats
│   │   └── Contact.tsx         # Contact section
│   └── ui/                     # Reusable UI components
│       ├── 3d-marquee.tsx
│       ├── timeline.tsx
│       ├── luminous-cards.tsx
│       ├── fey-cards.tsx
│       ├── floating-dock.tsx
│       └── counter.tsx
└── lib/
    └── utils.ts                # Utility functions

---

🎯 Featured Projects

1️⃣ GrandParent Guardian

Intelligent Elderly Care Companion Platform

• IoT integration for health monitoring
• Real-time family notifications
• Predictive health analytics
• Caregiver dashboard

Tech Stack: React | Node.js | MongoDB | WebSockets | IoT

🔗 Live Demo	💻 GitHub

---

2️⃣ ForgeFlow AI

Multi-Agent AI Orchestration Platform

• Incident classification & risk assessment
• Predictive maintenance system
• 2D factory digital twin
• Automated work order generation
• PDF reporting & email notifications

Tech Stack: React | Express.js | Google Gemini | LangGraph | WebSockets

🔗 Live Demo	💻 GitHub

---

3️⃣ CodePilot Nexus

Engineering Workflow Automation System

• Multi-agent code review analysis
• Bug prioritization engine
• Documentation search via MCP
• Automated release note generation
• Sprint summary analytics

Tech Stack: GitHub API | MCP | PDF Export | Analytics

🔗 Live Demo	💻 GitHub

---

🛠️ Technical Arsenal

Languages

Python • JavaScript • C++ • HTML5 • CSS3

Frontend

React • Next.js • Tailwind CSS • Chart.js

Backend

Node.js • Express.js • REST APIs • WebSockets • PDFKit • Nodemailer

Databases

MongoDB • Firebase • MySQL • PostgreSQL

AI/ML

Google Gemini • LangGraph • Prompt Engineering • Multi-Agent Systems • RAG

Cloud & DevOps

AWS • Google Cloud • Docker • Git • MCP

---

🚀 Getting Started

Prerequisites

• Node.js v18+
• npm or yarn
• Git

Installation

# Clone the repository
git clone https://github.com/REAPER2705/PORTFOLIO.git

# Navigate to project
cd PORTFOLIO

# Install dependencies
npm install

# Create environment file
cp .env.example .env.local

# Start development server
npm run dev

Development server runs at http://localhost:3001

Available Commands

# Development
npm run dev          # Start dev server with hot reload

# Production
npm run build        # Optimize build for production
npm run start        # Start production server

# Code Quality
npm run lint         # Run ESLint for code analysis

---

📊 Performance Metrics

Metric	Value
Bundle Size	~500KB (gzipped)
Lighthouse Score	90+
First Contentful Paint	<1.5s
Time to Interactive	<2.5s
Images	Cloudinary CDN optimized
Code Splitting	Automatic via Next.js

---

🎨 Design Philosophy

Minimal. Premium. Professional.

• Strong typography for hierarchy
• Ample whitespace for clarity
• Dark theme with accent colors
• No excessive animations
• Recruiter-friendly layout
• Accessibility-first approach

---

📧 Contact & Connect

Channel	Details
Email	akshatbhardwaj241103@acropolis.in
GitHub	@REAPER2705
LinkedIn	akshatbhardwaj
Portfolio	View Live

---

📜 License

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

---

🙏 Credits

Built with:

• Next.js - Vercel's React framework
• Tailwind CSS - Utility-first CSS
• Framer Motion - Animation library
• Spline - 3D design tool
• Cloudinary - Image optimization

---

🚀 Deploy Your Own on Vercel

Built with ❤️ | © 2026 Akshat Bhardwaj