Work

Projects

Everything below is built and running — each project lists the stack behind it, with a live demo and source where available.

CoupleGrowth — project screenshot

CoupleGrowth

A private web app for couples to track shared goals, plan dates, and keep a joint journal. Built with Next.js and TypeScript; state kept in typed React context with localStorage persistence, no backend or accounts required.

Frontend
Next.js, React, TypeScript
Styling
CSS / Tailwind
Tools
pnpm, Git
Live Demo
View
GitHub
View
Flowdesk — project screenshot

Flowdesk

A CRM dashboard for small teams: customer records, deal pipelines, and role-based access control. Next.js with TypeScript, route-level code splitting for the dashboard, and Tailwind for the UI layer.

Frontend
Next.js, React, TypeScript
Styling
CSS / Tailwind
Tools
pnpm, Git
Live Demo
View
GitHub
View
Portfolio — project screenshot

Portfolio

This website. Nuxt 4 with server-side rendering, hand-written SCSS and Tailwind, and a contact form backed by a server route. Built to score well on Core Web Vitals — no UI framework, no animation library.

Frontend
Nuxt 4, Vue 3, Vite
Styling
CSS / SCSS / Tailwind
Tools
npm, Git
Live Demo
View
GitHub
View
Part Bank — project screenshot

Part Bank

A two-person project simulating core online-banking flows: account creation, transfers, and transaction history. Vue 3 with Pinia for state, an Express API standing in for a real backend, and SCSS for styling.

Frontend
Vue 3, Pinia, Vue Router, Vite
Backend
Node.js, Express (simulated API)
Styling
CSS / SCSS
Tools
npm, Git
Real Estate — project screenshot

Real Estate

A property-listings app built as a two-person team. Vue 3 and Pinia on the front; Supabase for data, auth, and per-user bookmarks and reserved listings.

Frontend
Vue 3, Pinia, Vue Router, Vite
Backend
Supabase (BaaS)
Styling
CSS / SCSS
Tools
npm, Git
Live Demo
View
GitHub
View
Finance Dashboard — project screenshot

Finance Dashboard

A personal-finance dashboard for recording transactions and seeing where money goes: income vs. expenses summarized with interactive charts. Vue 3 with Pinia, Supabase for storage.

Frontend
Vue 3, Pinia, Vue Router, Vite
Backend
Supabase (BaaS)
Styling
CSS / SCSS
Tools
npm, Git
Live Demo
View
GitHub
View
Booking App — project screenshot

Booking App

An appointment-booking site for doctors’ offices: patients pick a doctor, date, and time slot, then manage upcoming appointments. Vue 3 with Pinia for booking state.

Frontend
Vue 3, Pinia, Vue Router, Vite
Styling
CSS
Tools
npm, Git
Live Demo
View
GitHub
View
Dashboard Admin — project screenshot

Dashboard Admin

An admin dashboard with interactive charts, live stats, user management, and configurable widgets. React with React Router and Recharts, styled with MUI.

Frontend
React, React Router, Recharts, Vite
Styling
CSS / MUI
Tools
npm, Git
Live Demo
View
GitHub
View