Welcome to my personal developer portfolio website — built to showcase my projects, experience, and technical skills in modern web development.
Live Preview: 🔗 View Website
- ⚡ Smooth scrolling and dynamic section highlighting
- 🌙 Dark mode toggle with route persistence
- 🎯 Responsive layout across all screen sizes
- 🧩 Modular and clean component-based architecture
- 🧠 Fun facts and animated skill bars
- 📄 Downloadable PDF resume
- 📚 Blogs, certifications, and more
| Frontend | Styling | Icons & Animations | Routing | Extras |
|---|---|---|---|---|
| React | Tailwind CSS | React Icons | React Router DOM | Dark Mode |
| JSX | Custom Themes | Framer Motion (optional) | Hash Links | GitHub Pages (optional deploy) |
├── public/ ├── src/ │ ├── components/ # Reusable components (e.g., ExperienceCard) │ ├── pages/ # Home, About, etc. │ ├── assets/ # Images and logos │ ├── App.jsx # Main component with route management │ └── index.js # Entry point
This project helped me:
- Deepen my understanding of React hooks, component structure, and prop management.
- Apply responsive design principles with Tailwind CSS.
- Manage global states like dark mode across routes.
- Polish UI/UX through interactive elements like skill bars and certification cards.
- Practice real-world Git and GitHub workflows.
Clone the project:
git clone https://github.com/your-username/your-portfolio-repo.git
cd your-portfolio-repo
npm install
npm start