🗓️ 2025
- P
- o
- r
- t
- f
- o
- l
- i
- o
- 3
- .
- 0
Tech Stack:
Next.js
Tailwind CSS
Framer Motion
Shadcn UI
Zod
Lenis
Lucide React
Typescript
React.js
Email.js
Vercel
Features and Functionality
Interactive Hero & Landing Section
Features animated text and scroll-based interactions built with Framer Motion and Lenis for smooth user experience.
Project Showcase
Displays detailed project cards with animations, descriptions, tech stack icons, and external links to GitHub or live demos.
About & Skills Section
Cleanly structured content section highlighting the developer’s background, experience, and tech stack proficiency using Lucide icons.
Contact Form with Validation
Contact form powered by Zod for validation and Email.js for sending messages directly to the developer’s email.
Dark Mode Support
Built-in dark mode toggle for accessibility and user preference using Shadcn UI’s theming capabilities.
Responsive Design
Mobile-first and fully responsive layout using Tailwind CSS for consistent UI across devices.
Smooth Navigation & Scrolling
Lenis provides fluid, buttery-smooth scrolling throughout the portfolio for a polished feel.
Deployment & Hosting
Deployed on Vercel with optimized performance, fast loading, and global availability.
Type Safety
Utilizes TypeScript throughout the codebase for type safety and better development experience.
Challenges and Solutions