Personal Website

Motivation

Every developer needs a home on the internet. I wanted mine to reflect my personality, showcase my work properly, and serve as a functional tool for recruiters and collaborators.

Architecture

Next.js App Router for SSR/SSG hybrid. Tailwind CSS for styling with CSS variables for theming. Vercel for deployment with automatic preview branches.

Features

• → Dark/light mode with OS preference detection
• → Animated typing effect hero section
• → Filterable projects grid
• → Competitive programming stats integration
• → Markdown-based blog
• → Contact form with email delivery
• → Fully responsive from 320px to 4K

Challenges

• → Making the design distinctive without being gimmicky
• → Balancing performance with rich visual effects
• → SEO optimization for a JS-heavy application

Lessons Learned

• → Typography and spacing do more for aesthetics than complex animations
• → Next.js App Router has a learning curve but pays off in flexibility
• → Build for yourself first — if you'd use it, others will appreciate it

Future Plans

• → Terminal-style command interface for developer visitors
• → Codeforces API live stats with caching
• → Visitor analytics dashboard