Kyle Frost

PackTrak

A full-stack web app I designed and developed end-to-end, from product strategy and UI design in Figma to implementation with Next.js and Supabase. Built to demonstrate how AI tools enable designers to ship production code while solving my own gear organization needs.

Visit

Role

Designer & Developer

Scope

Product Design, Full-Stack Dev, Next.js, Supabase

Shipping a Full-Stack App with AI Tools

I built PackTrak as a proof of concept for how AI coding tools enable designers to ship production code. As an avid hiker, I wanted a simple way to organize gear across different trips.

I designed and developed the complete experience using Next.js, Supabase, and Vercel. Used AI tools (ChatGPT, Cursor) throughout to accelerate coding and implement features like categorization, shared gear, public sharing, and pre-made kits.

Shipped complete, production-ready web app as a designer

PackTrak interface
PackTrak mobile optimization
PackTrak features showcase