CompletedNext.jsTypeScriptReact+3 more
Animated Portfolio – Personal Developer Portfolio
A modern animated portfolio built with Next.js, TypeScript, Tailwind CSS, and Framer Motion to showcase projects and skills.
Timeline
Role
Frontend Developer
Status
CompletedTechnology Stack
Next.js
TypeScript
React
Tailwind CSS
Framer Motion
Vercel
Overview
This animated portfolio is designed to present my professional profile, skills, and projects in a visually engaging way. It emphasizes smooth transitions, motion, and a clean layout while remaining performant and responsive.
Responsibilities
- Implemented the site using Next.js and TypeScript with a modular component structure.
- Used Framer Motion for section reveals, hover effects, and subtle animations that bring the UI to life without overwhelming the content.
- Structured sections for hero, skills, projects, and contact to guide visitors through my work.
- Deployed the project to Vercel, taking advantage of caching and image optimization.
Key Features
- Animated hero and section transitions using Framer Motion.
- Project cards linking to live apps and code.
- Responsive layout with strong focus on readability and contrast.
- Simple, fast navigation to key information (skills, projects, contact).
Outcome
This portfolio serves as a central place to explore my work and acts as a testing ground for UI and animation ideas.