Brian Vazquez
Frontend developer building fast, polished apps
New to Contra
Brian is building their profile!
Thrown - a 4-step class booking flow for a pottery studio: choose a session, pick a date and time, enter your details, get a confirmation.
Built to show sequential UX and form validation - the one pattern the other three pieces don't cover. Each step gates "Next" until it's actually valid (a session picked, a time slot chosen, a real name + email entered). Already-booked time slots show as disabled, not just hidden. The confirmation screen generates a booking code and lets you reset to book another.
0
21
Churned - a single-scroll marketing/landing page for a fictional ice cream brand, built to show the typography and copy-driven side of frontend work rather than another dashboard.
A few things worth knowing: tap any flavor in the grid to see what's inside - it's a real toggle, not a static image. Sections fade in as you scroll past them. The header solidifies with a background once you scroll past the hero. The newsletter signup at the bottom is a working form with a confirmation state, though it isn't wired to an actual email service.
0
26
LOADLINE - a training-load dashboard for a strength coach tracking multiple clients: readiness, weekly volume, PRs, and session history. Created by a fitness lover myself.
A few things worth knowing about it:
Click through the clients in the sidebar (or the strip on mobile)- every chart, stat, and log updates per client
The signature piece is the weekly bar chart styled like stacked plates on a bar, color-coded by muscle group, with a hover breakdown per day
Fully responsive, keyboard-focusable, animates in on load
0
38
Docket - a straightforward, easy to use client/project pipeline board (Inquiry → Proposal → In Progress → Review → Delivered → Paid), built to show a different skill set than the dashboard: drag-and-drop, live CRUD, and a lighter, editorial visual style that a client wanted.
What it actually does:
Drag-and-drop between columns- grab a card, drop it in another stage, and the column totals recalculate live
Add new projects inline, delete with the hover "×," search across all cards at once
0
47