CompletedHosted on Vercel
My Web Portfolio
Timeline
4 days
Role
Front-End
Tech Stack
Next.js, TailwindCSS, React
Status
Completed
This portfolio is my first modern React/Next.js project. Built with TailwindCSS, React Icons, and Framer Motion, it visually showcases all my web development projects in an interactive and modern way. It demonstrates my skills in creating responsive and visually appealing web apps.
Technology Stack
Frontend
- HTML
- CSS
- JavaScript
- TailwindCSS
Framework
- Next.js
- React
- Framer Motion
Key Challenges
- Building a fully responsive portfolio from scratch
- Integrating Framer Motion animations with Next.js pages
- Structuring projects and content in a visually appealing way
Key Learnings
- React & Next.js fundamentals
- Using TailwindCSS for modern, responsive design
- Implementing interactive icons with React Icons
- Using Framer Motion for smooth animations and transitions
- Deploying projects quickly using Vercel
Overview
This is a modern, visually appealing portfolio showcasing all my web development projects. It's my first React/Next.js project and demonstrates both front-end and interactive animation skills.
Portfolio Highlights:
- Interactive project gallery with hover animations
- Responsive layout for mobile, tablet, and desktop
- Live demo links and GitHub source code for each project
- Modern styling using TailwindCSS and React Icons
- Smooth animations using Framer Motion
- Hosted on Vercel for fast, reliable access