A sleek, responsive, animated developer portfolio built with React, Tailwind CSS, Framer Motion and Vite. Includes features like dark mode, music player, Konami Easter Egg, confetti explosions, toolbox, timeline, and more.
- 💡 Dark Mode Toggle
- 🎵 Built-in Music Player
- 💻 3D Spline Scene in Hero Section
- 📜 Animated Timeline of Journey
- 🛠 Toolbox Page with Premium Icons
- 💥 Konami Code Easter Egg → Confetti 🎉
- 🪄 Dynamic Themed Backgrounds
- 🧠 Typewriter Animated Intro
- 📱 Fully Responsive for All Devices
- 🧩 Modular Components + Clean Structure
- 🎯 SEO & OpenGraph optimized
| Name | Description |
|---|---|
| React.js | Frontend library |
| Tailwind CSS | Utility-first CSS framework |
| Framer Motion | Animation library for React |
| Vite | Fast build tool for modern frontend |
| Spline | 3D interactive scene in hero |
| React Icons | Beautiful icon packs |
src/
├── assets/ # Images, icons, svgs
├── components/ # All React components
│ ├── Hero.jsx
│ ├── About.jsx
│ ├── Projects.jsx
│ ├── Timeline.jsx
│ ├── Toolbox.jsx
│ ├── MusicPlayer.jsx
│ ├── ThemeToggle.jsx
│ ├── DynamicBackground.jsx
│ ├── EasterEgg.jsx
│ └── EasterEggHint.jsx
├── context/
│ └── ThemeContext.jsx
├── App.jsx
├── main.jsx
└── index.css# 1. Clone the repository
git clone https://github.com/yourusername/portfolio
cd portfolio
# 2. Install dependencies
npm install
# 3. Start the development server
npm run dev
> Make sure you have Node.js ≥ 18 installed.This project is open source and available under the MIT License.