Personal Portfolio Website — Neobrutalism Developer Portfolio

The Problem

Most student portfolios are either generic templates or outdated static pages. I wanted a portfolio that genuinely reflects my identity as a Tech Entrepreneur & Developer — distinctive, fast, and fully under my control, with content manageable through a database rather than hardcoded files.

What It Does

Dynamic Project Pages — Each project has its own full detail page pulled from Supabase, with tags, tech stack, descriptions, and GitHub/live links.

Blog — A full blog system with Markdown-rendered content, tags, and publish controls — all managed via Supabase.

Achievements & Certifications — Dynamically rendered achievements section sourced from database, color-coded with Neobrutalism badge styling.

Skills & Soft Skills — Categorized technical skills and soft skills pulled from Supabase tables.

Dark/Light Mode — Full theme toggle with persistent preference.

Framer Motion Animations — Page transitions and scroll animations throughout the site.

My Role

Solo project — I designed and built the entire site from scratch, including UI/UX design direction (Neobrutalism aesthetic), frontend architecture, Supabase schema design, and all content.

A Key Decision

I chose Supabase as a headless CMS instead of using a traditional CMS like Contentful or Sanity. This gave me full control over the data schema, allowed me to design tables that exactly matched my content needs, and kept everything in one backend I already knew. The tradeoff was building my own content editing workflow through Supabase Table Editor — but it gave me far more flexibility and zero vendor lock-in.

Tech Stack

Frontend: Next.js, TypeScript, Tailwind CSS v4, Framer Motion Backend: Supabase (PostgreSQL, Auth) Deployment: Vercel Design: Neobrutalism UI system