Personal Portfolio
Is this a temporal loop? You are already here! 😄
Next.js
React
TypeScript
JavaScript
Tailwind CSS
Framer Motion
GSAPThree.js
Radix UI
shadcn/ui
react-hook-form
Lucide React
react-icons
Bun
Vercel
The Project
Overview
This repository contains a production-ready Next.js portfolio with a modular component structure, custom design tokens, and accessibility-focused UI. It includes a homepage with hero, projects, education and contact sections, plus dedicated project pages and a minimal CMS-like data structure driven by TypeScript types.
Visual Showcase
Project Preview
What Makes It Special
Key Features
- Server and client components where appropriate (app router structure)
- Type-safe content model for projects and metadata
- Responsive layout and modern UI tokens (dark + light mode)
- Optimized images and metadata for social sharing
Technical Choices
Key Decisions
- Use Next.js App Router for a clear separation between server and client rendering
- TypeScript-first data shapes so project pages are strongly typed and editor-friendly
- Tailwind for rapid, consistent styling and small bundle size
Results & Metrics
Impact
- Smaller time-to-market for new content because projects are simple data objects
- Improved UX on mobile and desktop with optimized images and semantic markup
- Easier maintenance thanks to component-driven architecture