🚀 Personal Portfolio Website

Welcome to my Developer Portfolio — a sleek, responsive, and modern website built using React, Tailwind CSS, Material UI, and a wide array of animation and UI libraries. It showcases who I am, what I’ve built, and how I bring value to the tech world.

✨ Features

• 👤 About Me – A quick intro about who I am.
• 🎓 Education – Academic background and key milestones.
• 💼 Experience – Work history and professional journey.
• 🧠 Skills – My tech stack and proficiency levels.
• 🗂️ Projects – Showcasing personal and client projects.
• 📬 Contact – Simple and elegant way to get in touch.
• 🧭 Navbar – Smooth navigation with animated transitions.

🔮 UI & Animation Highlights

• Framer Motion – Sleek motion-based transitions.
• Lottie – Lightweight animations for a delightful UI.
• Typewriter Effect – Dynamic typing animation for intro sections.
• React Joyride – Step-by-step walkthrough of the portfolio.
• Lucide Icons – Clean and modern iconography.

⚙️ Tech Stack

🚧 Frontend

• React 18
• React Router DOM v6
• Tailwind CSS v3
• Material UI (MUI) v6
• Emotion (CSS-in-JS)

🎨 Styling Utilities

• @tailwindcss/forms
• @emotion/styled

🔨 Build Tools

• Vite
• PostCSS + Autoprefixer

✅ Code Quality

• ESLint with support for:
  • React & Hooks
  • Auto-fixable linting rules

📁 Project Structure (Components)

src/
├── About.jsx
├── Contact.jsx
├── Education.jsx
├── Experience.jsx
├── Navbar.jsx
├── Projects.jsx
└── Skills.jsx

📦 Dependencies

"@emotion/react": "^11.13.3",
"@emotion/styled": "^11.13.0",
"@mui/icons-material": "^6.1.6",
"@mui/material": "^6.1.6",
"@tailwindcss/forms": "^0.5.9",
"framer-motion": "^11.11.11",
"lottie-react": "^2.4.0",
"lucide-react": "^0.455.0",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-joyride": "^2.9.3",
"react-router-dom": "^6.28.0",
"typewriter-effect": "^2.21.0"

🧪 Dev Dependencies

"@eslint/js": "^9.13.0",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"@vitejs/plugin-react": "^4.3.3",
"autoprefixer": "^10.4.20",
"eslint": "^9.13.0",
"eslint-plugin-react": "^7.37.2",
"eslint-plugin-react-hooks": "^5.0.0",
"eslint-plugin-react-refresh": "^0.4.14",
"globals": "^15.11.0",
"postcss": "^8.4.47",
"tailwindcss": "^3.4.14",
"vite": "^5.4.10"

🧑‍💻 Getting Started

1. Clone the repository

   git clone https://github.com/your-username/your-portfolio.git
   cd your-portfolio
   

2. Install dependencies

   npm install
   

3. Start the development server

   npm run dev
   

4. Build for production

   npm run build
   

🌐 Deployment

This site can be deployed on:

• Firebase Hosting

🙏 Contributing

This is a personal project. Contributions are currently not open, but feel free to fork and customize it for your own use.

📄 License

Licensed under the MIT License.

💙 Made with passion, coffee, and creativity by prabhanjan