Projects

TaxFlow

TaxFlow

Web tax calculator that generates pre-filled official IRS PDF forms.

React
PDF-Lib
Tailwind
Client-Side Logic

Overview

Built this for people to easily calculate taxes in a web app and file to the IRS. It uses solid math logic to get eligible tax credits with the amount owed while tracking expenses, then generates a downloadable PDF. All data is local to the user and is never collected.

Challenges

Edge cases in tax law logic were a headache. I handled this by building a modular calculation engine that's easy to test and update for new tax years.

Budget System Lite

Budget System Lite

Mobile app for tracking transactions and budget handling.

React Native
Expo
JavaScript
Mobile UX

Overview

An easy approach to finance. I used React Native to ensure high performance on both iOS and Android. It features persistent local storage so your data is always available, even without a signal.

Challenges

Managing state across various spending categories while keeping the UI snappy. I used a lightweight local database strategy to batch updates and prevent re-render lag across spending categories.

Tropical Fame

Tropical Fame

An online store experience for niche seafood enthusiasts.

Next.js
Stripe
Sanity CMS
TypeScript

Overview

A full-scale Next.js storefront. I integrated Stripe for secure payments and used a headless CMS so inventory could be managed without touching the code. It's built for speed and high-conversion.

Challenges

Creating a custom filtering system for different types of food prep methods and prices, which required a deep dive into relational data structures.

Fai Chun Han Zi Generator

Fai Chun Han Zi Generator

A creative tool that turns text into traditional handwritten-style Chinese posters.

HTML5 Canvas
JavaScript
CSS Grid
Design

Overview

This was a passion project focused on typography and canvas manipulation. It allows users to create high-resolution, aesthetically balanced posters for print using basic web tech.

Challenges

Ensuring the vertical text alignment and character spacing looked 'hand-written' rather than 'computer-generated' across different screen sizes.

Code Mage - Services Web Mockup
Archived

Code Mage - Services Web Mockup

Online service based business template focused on lead generation.

Next.js
Framer Motion
Tailwind
SEO

Overview

I built this to demonstrate a landing page that allows for services to be advertised with dates and contact information. It includes optimized hero sections, clear service breakdowns, and a functional contact funnel designed to convert visitors into clients.

Challenges

Balancing heavy use of imagery with fast load times. I used Next.js Image optimization to keep the Largest Contentful Paint (LCP) low.

This project has been archived. The live demo is no longer available due to API or dependency changes.
In-Game Shop

In-Game Shop

A dynamic, user-friendly e-commerce platform for game-related purchases, designed to enhance your gaming experience.

React
Next.js
Tailwind CSS
TypeScript
Node.js
PayPal
API Integration

Overview

In-Game Shop is a custom-built e-commerce platform integrated with PayPal, allowing players to purchase video game merch, gadgets, and figurines seamlessly. Built with modern web technologies, the platform ensures fast load times, robust security, and scalability to handle high user traffic during game events.

Challenges

The product carousel required careful state management to stay smooth across rapid user interactions. I solved this by debouncing navigation events and preloading adjacent slides to eliminate visible lag.

Full Stack Automation Platform
Archived

Full Stack Automation Platform

A robust, scalable web application designed to streamline business processes through automation.

React
Next.js
Tailwind CSS
TypeScript
Python
Firebase
API Integration

Overview

This custom-built full stack automation platform empowers businesses to optimize workflows, integrate data, and automate repetitive tasks. Features include a user-friendly dashboard, real-time task monitoring, and seamless integration with third-party APIs. Built with modern technologies, it ensures performance, security, and scalability for small to medium-sized enterprises.

Challenges

Integrating several third-party APIs that had inconsistent response shapes meant I couldn't rely on a one-size-fits-all data handler. I built a modular adapter layer so each API gets its own normalized interface, keeping the dashboard logic clean regardless of upstream changes.

This project has been archived. The live demo is no longer available due to API or dependency changes.
MaxResponse MicroSaaS Prompt Optimizer

MaxResponse MicroSaaS Prompt Optimizer

A MicroSaaS platform with a Chrome Extension for optimizing AI prompts and saving time.

React
Next.js
Tailwind CSS
TypeScript
Chrome Extension
SEO

Overview

This custom-built MicroSaaS web application empowers small and medium-sized enterprises with a productivity tool. The platform allows for quickly sending AI content, paired with a Chrome Extension so users can trigger it from any tab without switching windows.

Challenges

Building the Chrome Extension required navigating Manifest V3's strict content security policies, which blocked several approaches I tried first. I worked around it by shifting the heavy logic to the background service worker and using message passing to keep the extension popup lightweight.

Snowboard Equipment Website Design
Archived

Snowboard Equipment Website Design

A modern, responsive e-commerce website tailored for a mock snowboard company.

React
Next.js
Tailwind CSS
TypeScript
SEO

Overview

This custom-built web store highlights products for a mock snowboarding company. Designed with a beautiful interface, it includes a custom CMS, catalog collection, newsletter subscription, and item checkout.

Challenges

Product images varied in quality and background, so I curated and redesigned the visuals to match a clean, professional white-background aesthetic across the site.

This project has been archived. The live demo is no longer available due to API or dependency changes.
Assistive Devices Online Retail Store

Assistive Devices Online Retail Store

A fully-loaded online store with high-conversion and payment processing.

React
Next.js
TypeScript
Stripe
SEO

Overview

This e-commerce platform specializes in walkers, offering two products to help improve accessibility. Features include customer orders, detailed product pages, and a secure Stripe payment integration.

Challenges

Stripe's secret key can't be exposed on the client, so I set up a Next.js API route to handle payment intent creation server-side. Product photos from the client were low resolution, so I re-edited and supplemented them to keep the storefront looking polished.

Mobile App Showcase
Archived

Mobile App Showcase

Supplier Relations' complete collection of mobile apps on Google Play and App Store.

React
Next.js
TypeScript
SEO

Overview

This showcase platform presents a comprehensive catalog of mobile applications developed by Supplier Relations. The site features app previews, specifications, and direct links to both Google Play and App Store listings for each application.

Challenges

Each app had its own set of specs, screenshots, and store links, so managing it all in one file became unreadable fast. I split the data into individual files per app and wrote a loader to merge them at build time, making future updates much easier.

This project has been archived. The live demo is no longer available due to API or dependency changes.
E-commerce Platform
Archived

E-commerce Platform

An online marketplace with dynamic item addition for unlimited items. Includes item pages, filters, and checkout cart.

HTML
CSS
JavaScript

Overview

This marketplace platform enables vendors to list their products in a flexible and user-friendly environment. The system supports unlimited product listings with comprehensive categorization and filtering. Includes a streamlined checkout process for shoppers.

Challenges

Building a 'recommended items' feature wasn't something I'd done before. I researched similarity-based filtering and implemented a tag-matching algorithm that compares shared attributes between products to surface relevant recommendations on the home page.

This project has been archived. The live demo is no longer available due to API or dependency changes.