Web App
My Portfolio
A focused portfolio experience designed to introduce my work quickly, highlight my technical range, and make contact simple on both desktop and mobile.
Overview
This project is the public website you are browsing now. It combines a strong visual landing section, a tabbed about area, a project gallery, and a contact form inside a fast Next.js application.
The site is structured to feel lightweight and direct: a fixed navigation bar, animated hero treatment, responsive sections, and a footer that also links to project-specific legal content when needed.
Stack
Next.js, React, Tailwind CSS, JavaScript
Focus
Responsive portfolio presentation
Performance Direction
Lightweight sections, optimized image handling, and simple page structure
Contact Flow
Formspree-powered contact form
Deployment
Hosted on Vercel
Highlights
01
Animated hero section with branded typography and motion background
02
Responsive navigation with mobile menu and section anchors
03
About section covering education and technical skills
04
Project showcase cards with external links and dedicated detail pages
05
Integrated contact form for direct outreach
Project Notes
What It Solves
It gives recruiters, clients, and collaborators a single place to understand who I am, what I build, and how to reach me without forcing them through a complicated interface.
Design Direction
The interface leans on a dark visual base with warm accent tones, large typography, and deliberate spacing so the site feels personal rather than template-driven.
Implementation Notes
The app uses the Next.js pages router, Tailwind utility styling, reusable components, and small focused sections so the content stays easy to maintain.
Performance
Performance is treated as part of the design, not an afterthought. The site keeps a relatively lean structure, uses Next.js image handling, and avoids heavy page complexity so the portfolio can stay quick to load and smooth to navigate across sections.
Gallery
Project Visuals
Portfolio preview
Preview of the portfolio homepage
Performance snapshot
Performance-oriented screenshot captured for the portfolio project
