Copperline Coffee Roasters

A fully featured e-commerce storefront for a fictional artisan coffee brand. Built as a portfolio piece showcasing a polished shopping experience: product catalog with filtering, a persistent cart, and a multi-step checkout flow with Framer Motion animations throughout.

Demo

copperline.vercel.app

Tech Stack

• React 19 + Vite + TypeScript
• Tailwind CSS v4
• Zustand (cart state with localStorage persistence)
• Framer Motion (page transitions, micro-interactions)
• React Hook Form + Zod (checkout forms)
• React Router v6
• Vercel (deployment)

Getting Started

git clone https://github.com/drewjenkins/copperline.git
cd copperline
npm install
npm run dev

No environment variables required. This is a fully frontend project with no backend.

Promo Code

Use FIRSTBREW at checkout for 10% off (demo purposes).

Deployment

Deployed to Vercel with automatic Vite detection. No build config needed beyond the SPA rewrite in vercel.json.

Built By

Andrew Jenkins — andrew.jenkins88@gmail.com