Personal Portfolio

Year

2025

Tech & Technique

Next.js, TypeScript, SASS, Tailwind CSS, next/font, Vercel

Description

A sleek, high-performance personal portfolio built using Next.js and TypeScript to showcase projects, skills, and experience with a focus on design, accessibility, and performance. The site is optimized for fast loading, mobile responsiveness, and modern web aesthetics.

Key Features:

🧑‍💻 Project Showcase: Visually engaging layout to highlight key projects
⚡ Performance Optimized: Utilizes next/font for faster font rendering (Geist)
🧭 Smooth Navigation: Section-based scroll and routing
📱 Fully Responsive: Works flawlessly across all device types
🖌️ Custom Styling: Combined SASS modules and Tailwind CSS for flexible design

Technical Highlights:

Developed with Next.js and TypeScript for type-safe and performant code
Font rendering optimized using Vercel’s next/font with Geist family
Integrated Tailwind CSS with SASS for modular and responsive styling
Deployed on Vercel with CI/CD for fast global delivery

My Role

Designer & Developer
Independently developed and deployed:

🎨 UI/UX: Designed custom responsive UI using Tailwind CSS and SASS
⚙️ Codebase: Built with Next.js and TypeScript for maintainable structure
🚀 Optimization: Implemented performance tuning and font optimization
📤 Deployment: Set up Git-based deployments on Vercel with environment config