01
Component foundations
Compose reusable cards, controls, and layout primitives without over-abstracting the app.
/fe
Frontend Engineering
Ship a responsive, accessible interface with AI as a useful coding partner.
Overview
What this track proves.
FE
This track is for people who want to build product interfaces. You will work in a modern React stack, use AI to accelerate implementation and review, and learn to verify the details that make UI feel trustworthy.
Pace
6-10 hrs/week
Capstone
Deployed interface or product workflow.
Review
Async review on UI states, code structure, and browser QA notes.
Good fit
This is for you if...
Use this section as a practical gut check before you apply.
You enjoy turning a rough idea or design into a working screen.
You care about layout, accessibility, responsiveness, and microcopy.
You want to deploy a real app, not keep another project on localhost.
Outcomes
What you can leave with.
The goal is proof of work, not passive course completion.
Ship a deployed React/Next.js interface with clean states and responsive layout.
Implement forms, cards, filters, or dashboard patterns with clear component structure.
Document where AI helped, where it failed, and what you verified manually.
Run a small UI QA pass for keyboard access, mobile layout, and empty/error states.
Curriculum
The work, in order.
02
Responsive product surfaces
Build screens that scan well on desktop and still work naturally on mobile.
03
Forms and interaction states
Handle loading, validation, empty, disabled, and error states with clear user feedback.
04
Verification
Use browser checks, typechecks, and visual review to catch the gaps AI-generated UI often misses.
Capstone examples
The artifact can take a few shapes.
A dashboard or portal screen with real states, filters, and responsive behavior.
A polished application flow with validation, confirmation, and error handling.
A small product tool deployed to Vercel with a public case-study writeup.
Builder signal
What Builder-level work looks like.
Builder means you have a deployed app and can explain which parts AI generated well, which parts you rewrote, and how you verified the result.
Next.jsReactTailwind CSSVercelCursor or CopilotBrowser-based QA