Portfolio
My personal home base designed to tell the story behind my work through beautiful project deep‑dives, writing, and curated details.
Project Description
Overview
This portfolio is my personal “home base” on the web—built to showcase my projects, experience, and writing in a way that feels polished, fast, and easy to explore.
What it includes
- Projects hub + project details pages with a longer write‑up, links, and optional galleries
- Blog rendered from Markdown (including images)
- Admin panel to create/edit projects and posts (plus image uploads) without touching code
- Status filtering so visitors can browse projects by In Development, Ideas, or Completed
Tech stack
- Frontend: Next.js (App Router), TypeScript, Tailwind CSS, Framer Motion
- Backend: Node/Express, Supabase (database + auth)
- Media: Supabase Storage (thumbnails, galleries, blog images)
Goals & approach
I wanted the site to feel beautiful and personal, but still professional—clean typography, soft gradients, subtle motion, and clear navigation. Under the hood, the focus is maintainability: content is stored in the database, managed through the admin panel, and images live in Supabase Storage so the site can scale with my work.
Highlights
- Fast, responsive UI with a consistent design system
- End‑to‑end content workflow (admin → API → database → frontend)
- Markdown support for long‑form storytelling (projects + blog)
- Structured project metadata (status, technologies, optional galleries) to keep content organized
Inspiration
Inspiration
I wanted a portfolio that feels like me—soft, modern, and welcoming—while still being a serious product showcase.
A lot of portfolios read like static résumés. I wanted something that tells a story: what I build, why I build it, and how I think.
Why I built it
- To have a single place for my projects, experience, and writing—not scattered across links
- To keep content fresh through an admin panel, instead of editing code for every update
- To grow as a full‑stack engineer by shipping a real product with auth, database, media uploads, and a polished UI
Design & UX inspiration
I leaned into a style that’s feminine and playful, but still professional—gradients, subtle motion, and strong typography.
The feeling I wanted visitors to get is:
“This is beautiful, thoughtful, and built by someone who cares about details.”
What I want people to take away
- I build full‑stack systems, not just pretty screens
- I care about UX, clarity, and presentation
- My work is evolving, and this site is built to evolve with it