A modern, responsive personal portfolio built with React, React Router, and Tailwind CSS, designed to showcase my projects, skills, and academic background in a clean and structured way.
This portfolio focuses on clarity, performance, and maintainability, while keeping the UI minimal and accessible.
- ⚡ Single Page Application using React Router
- 🎨 Modern UI with Tailwind CSS
- 📱 Fully Responsive (desktop, tablet, mobile)
- 🧭 Smooth multi-page navigation
- 🧩 Reusable and well-structured components
- 📂 Advanced Projects section with:
- Master–detail layout
- Live demo previews (desktop)
- Mobile-safe external demo links
- 🎓 Dedicated sections for:
- About
- Skills
- Education
- Projects
- Contact
- ♿ Accessibility-aware animations (prefers-reduced-motion)
- Frontend: React, JavaScript (ES6+)
- Routing: React Router
- Styling: Tailwind CSS (v4)
- State Management: React Hooks
- Build Tool: Vite
- Deployment: Vercel
- Separation of concerns:
Data, logic, and UI are clearly separated. - Scalable architecture:
Easy to add new projects, sections, or routes. - Minimal but expressive UI:
Content-first design with subtle motion. - Performance-aware:
Live previews are loaded only on user intent.
- Left panel: Project selector (accordion-style)
- Right panel: Detailed preview
- Desktop: Embedded live demo previews
- Mobile: Image preview + external demo link
- Data-driven rendering from a centralized projects.js
This project is open-source and available under the MIT License.
This portfolio is continuously evolving as I learn and build new things.
Feedback and suggestions are always welcome.