Dhruv Bhagat's Portfolio

A professional and interactive portfolio website showcasing the skills, experience, and projects of Dhruv Bhagat, a Senior Full Stack Developer with over 8 years of experience in building web and mobile applications.

🚀 Live Demo

Check out the live site here: https://bhaggat.github.io/portfolio

✨ Features

• Dark & Light Mode: Seamlessly switch between dark and light themes for a comfortable viewing experience.
• Scroll Animations: Engaging entry animations using Framer Motion and custom Scroll Reveal components.
• Interactive Timeline: A detailed work history presented through an interactive vertical timeline.
• Project Showcase: A curated list of professional and personal projects with detailed highlights and tech stacks.
• Skills Matrix: Categorized technical expertise from Frontend to DevOps and Cloud.
• Responsive Design: Fully responsive layout optimized for all devices (Mobile, Tablet, Desktop).
• Contact Integration: Direct links to social profiles and contact information.

🛠️ Tech Stack

• Framework: React.js
• Build Tool: Vite
• Styling: Material UI (MUI) & Vanilla CSS
• Animations: Framer Motion
• Icons: MUI Icons
• Deployment: GitHub Pages
• Others: react-vertical-timeline-component, firebase

📂 Project Structure

src/
├── components/          # Reusable UI components
│   ├── Contact/         # Contact section
│   ├── Introduction/    # About Me section
│   ├── Main/            # Hero section
│   ├── Projects/        # Project display logic
│   ├── Skills/          # Skills categorization
│   ├── Timeline/        # Experience timeline
│   └── Navigation.tsx   # Header and Theme Toggle
├── constants/
│   └── constants.js     # Data for projects, skills, and experience
├── App.jsx              # Main application entry point
└── index.css            # Global styles and theme variables

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/bhaggat/portfolio.git

2. Navigate to the project directory:

   cd portfolio

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

Deployment

To deploy the project to GitHub Pages:

npm run deploy

🤝 Contact

Dhruv Bhagat
Senior Full Stack Developer
📧 dhruvbhagat98@gmail.com
🔗 LinkedIn
🐙 GitHub