Quiz App
A multiple-choice quiz that scores the player and shows a summary.
HTMLCSSJavaScript
~4h· beginner
Build library
Real briefs, repository shape, senior review.
Each project arrives like a ticket from a client: what they want, the stack, the requirements, and the bar it has to clear before it belongs in your portfolio.
38 projects5 levelsAI review on every submission
Level 01
Expense Splitter
Split a bill between people, including uneven shares.
JavaScript
~5h· beginner
Markdown Notes
Write notes in markdown and render them live.
JavaScriptCSS
~6h· beginner
Score Tracker
Turn variables and types into a working score tracker used by a small games night app.
JavaScript
~1h· beginner
Number Guessing Engine
Build the logic engine behind a guessing game using conditions and loops.
JavaScript
~2h· beginner
Study Coach
Final project: a study coach that summarises practice sessions and reports back in plain English.
JavaScript
~3h· beginner
Semantic Landing Page
Structure a real landing page with semantic, accessible HTML.
HTML
~2h· beginner
Responsive Dashboard Layout
Final project: a responsive dashboard laid out with Flexbox and Grid.
HTMLCSS
~4h· beginner
Responsive Marketing Site
Build a responsive, multi-section marketing landing page using semantic HTML, Flexbox/Grid, forms, and accessibility best practices.
HTMLCSS
~5h· intermediate
Ship a Feature: Branch, PR, Conflict, Release
Take a small project through the full real-world Git lifecycle: branch off main, open a pull request, resolve a merge conflict, and cut a tagged release.
gitgithub
~3h· beginner
Practice Log Cleanup
Use lists and dictionaries to clean up a messy practice log.
Python
~2h· beginner
Level 02
Property Investment Analyser
Yield, cash flow and risk analysis over property data.
ReactTypeScriptCharts
~28h· intermediate
Build a Validated, Authenticated REST API
Design and build a small REST API with input validation, token-based auth, and consistent error handling.
javascriptnode.jshttprest
~6h· intermediate
Real-Time Collaborative Editor
Multiple users editing shared content live, with presence.
ReactWebSockets
~35h· advanced
Modern Booking Platform
A booking system with availability, reservations and confirmations.
ReactTypeScriptPostgresAuth
~30h· intermediate
AI Customer Support System
A support inbox where an AI drafts grounded replies from a knowledge base.
ReactTypeScriptLLMVector search
~40h· advanced
SaaS Subscription Dashboard
Plans, usage metering, upgrades and billing states.
ReactStripePostgres
~35h· advanced
Build a Class Grade Report
Model a Python program that reads student score records, validates them, computes averages, and produces a simple pass/fail summary report.
python (concepts)javascript (grading)
~4h· beginner
Job Application Tracker
Pipeline, reminders and outcome analytics for a job search.
ReactPostgres
~20h· intermediate
Bug Triage Lab
Diagnose and repair five broken functions, one bug type at a time.
JavaScript
~2h· intermediate
Build a Mini Offline-Ready Mobile App
Capstone: build the core logic for a small mobile app that fetches data, persists it locally, handles offline actions, and navigates between screens.
react-nativeexpojavascript
~6h· intermediate
Sales Data Analysis Capstone
Analyze a small sales dataset end to end: clean it, summarize it, find trends, and write a stakeholder-ready recommendation.
javascript
~5h· beginner
Design and Query a Bookings Database
Design a schema for a small bookings app (customers, services, staff, bookings) and write the SQL to query it.
SQLPostgreSQL
~4h· beginner
Filterable Product Dashboard
Build a filterable dashboard that lists items, lets users search/filter/sort them, and manages UI state with React hooks.
reactjavascriptjsx
~6h· intermediate
Data Transformation Toolkit
Build a small library of pure functions that group, summarise, sort, and validate arrays of records -- the exact kind of utility code real apps use to shape data for dashboards, reports, and forms.
javascript
~4h· intermediate
Build an API Client Layer
Design a small but real API client layer: build request URLs safely, normalise messy API responses into clean shapes, classify errors usefully, and generate stable cache keys.
javascript
~4h· intermediate
Interactive To-Do & Filter Widget
Build a small interactive to-do list widget: add items, mark them done, and filter which ones are visible — all with vanilla DOM APIs and event listeners.
javascripthtmlcssdom
~6h· beginner
Level 03
Two-Sided Marketplace
Listings, search, messaging, payments and payouts.
ReactStripe ConnectPostgresSearch
~80h· expert
Ship the Analytics Bug-Fix Release
Diagnose and fix a batch of realistic bugs in a small analytics utility library, then defend each fix with a written root-cause note.
javascript
~4h· intermediate
Simulated Firmware Control Loop
Build a simulated firmware brain: bit-level register control, sensor-to-actuator signal conversion, and a robust event-driven state machine, all as pure JavaScript functions mirroring real embedded logic.
javascript
~6h· intermediate
Algorithms & Data Structures Capstone
Bring together searching, stacks, hash maps, recursion, and graph traversal in five focused mini-implementations.
javascript
~4h· intermediate
Build a Grounded AI Assistant Pipeline
Design and implement the core logic of a retrieval-augmented AI assistant: chunking, embeddings, retrieval, prompt assembly, and output validation.
javascript
~6h· advanced
From Laptop to Production
Capstone: take a small app from local development to a deployed, monitored service with a working rollback plan.
JavaScriptCI/CDDockerMonitoring
~6h· intermediate
Professional CRM
Multi-tenant CRM with roles, pipelines, activity history and reporting.
ReactTypeScriptPostgresRLS
~70h· expert
AI SaaS Product
A complete AI product: auth, usage limits, billing and evaluation.
ReactLLMStripePostgres
~75h· expert
Level 04
Industry Simulation: Legacy Rescue
Inherit an undocumented codebase and deliver a feature safely.
JavaScriptTestingGit
~25h· advanced
Industry Simulation: Incident Week
Handle a week of realistic production incidents.
DebuggingPerformanceAPIs
~20h· advanced
Level 05
Capstone: Ship Your Own Product
An independent product built to professional standards and assessed end to end.
Your choice
~120h· expert
Got your own idea instead?
The studio turns anything you describe into a plan, a stack and a roadmap you can learn from as you build it.
open build anything →