A modern, high-performance developer portfolio website built with React, TypeScript, and Tailwind CSS. It features smooth animations powered by Framer Motion, a responsive "Bento Grid" layout, and a fully accessible Dark Mode.
- 🎨 Modern UI/UX: Clean, glassmorphism-inspired design with a Bento Grid layout for the About section.
- ✨ Smooth Animations: Page transitions, hover effects, and a gravity-based "Spark Particle" loader for profile images.
- 🌙 Dark Mode: Fully supported dark/light theme switching with persistence.
- 📱 Fully Responsive: Optimized for mobile, tablet, and desktop devices.
- ⚡ High Performance: Built with Vite for instant server start and lightning-fast HMR.
- 🛠 Interactive Projects: Detailed project cards that expand into modal views with blurred backdrops.
- Frontend: React + TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: Devicon & Heroicons
- Routing: React Router v6
- Build Tool: Vite
Ensure you have Node.js (v16 or higher) installed on your machine.
-
Clone the repository
git clone [https://github.com/maniesh22/portfolio-v2.git](https://github.com/maniesh22/portfolio.git) cd portfolio -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open http://localhost:5173 in your browser.
This project is open-source and available under the MIT License.
You are free to fork, modify, and use this code for your own portfolio or projects. However, attribution is required.
If you use this codebase, please:
- Keep the License file intact.
- Provide a link back to this repository in your footer or README.
- (Optional but appreciated) Star the repo! ⭐
Copyright © 2026 Manish Prajapati.
src/
├── components/ # Reusable UI components (Navbar, Footer, etc.)
├── pages/ # Page views (Home, About, Projects, Contact)
├── shared/ # Shared logic (PageTransition, ResumeCTA)
├── App.tsx # Main application layout
└── main.tsx # Entry point
public/
├── favicon.svg # Custom branded favicon
└── ...I am currently open to new opportunities! Feel free to reach out.
- Email: maniesh22.prajapati@gmail.com
- LinkedIn: linkedin.com/in/manishinprajapati