Selected Work

Projects That Show How I Build

These projects reflect the kinds of systems I enjoy building most: product logic, AI workflows, developer tooling, and polished user experiences.

Agentic Website Builder

Completed

An AI-powered website builder that helps generate and shape websites with a modern full-stack workflow.

Key Highlights

  • Built around AI-assisted website generation and editing flows.
  • Integrated authentication, storage, and database services with Firebase.
  • Covered important logic with Vitest-based testing.

Stack

TypeScriptNext.jsFirebaseOpenAI APIFirebase StorageFirestoreFirebase AuthVitest
View Project

Multi-vendor Fashion Ecommerce Web App

In Development

A multi-vendor ecommerce platform focused on the hard backend and commerce logic needed for real-world fashion selling.

Key Highlights

  • Implemented important business logic including price handling and currency conversion.
  • Designed core database structure and scheduled background jobs.
  • Integrated Flutterwave payment processing for checkout workflows.

Stack

TypeScriptNext.jsDenoSupabaseNode.jsReact HooksState ManagementAPI HandlingFlutterwaveCron Jobs
View Project

Property Management Web App

Completed

A property management platform built to keep application state clean and the overall experience fast and maintainable.

Key Highlights

  • Used Zustand for practical state management across the app.
  • Built with a strong TypeScript and Next.js foundation.
  • Focused on maintainable structure for a multi-feature product workflow.

Stack

TypeScriptNext.jsZustand
View Project

Color Analysis Web App

Completed

A professional-grade image color analyzer that maps pixels to a curated palette with perceptual, human-eye-aware accuracy.

Key Highlights

  • Built on top of my custom color matcher module.
  • Uses K-Means clustering and Delta E color difference algorithms for perceptual precision.
  • Includes high-DPI canvas rendering and optimized export workflows.

Stack

Next.jsTypeScriptK-Means ClusteringDelta EHigh-DPI CanvasData Export
View Project

color-matcher npm Module

Completed

A lightweight and performant JavaScript and TypeScript library for finding the nearest color from a predefined list.

Key Highlights

  • Finds the closest human-readable color name with perceptually accurate comparison methods.
  • Supports multiple color difference algorithms including CIE76, CIE94, and CIEDE2000.
  • Designed to stay lightweight while still being practical for real applications.

Stack

TypeScriptJavaScriptLab Color SpaceCIE76CIE94CIEDE2000
View Project