10 Projects You'll Build on Scrimba (2026)
Last updated:
Scrimba's Career Paths and Pro courses have you ship 10 portfolio-ready builds: a React Router rental site, two React capstone games, an AI support agent and a translation app, three vanilla-JS API projects, and two CSS layout builds. Below is what each one actually is, which course or path module it closes, and how long it takes.
Most tutorials have you watch someone else type. Scrimba stops you every few minutes and makes you write the code yourself, so the project at the end of a module is code you wrote, not code you copied.
Facts below come from the reviews on this site, each one written after going through the course inside a Pro account, plus module hours and lesson counts from Scrimba's own course pages.
The "big three" capstones
These are the flagship builds. Each one takes several hours and holds up as a portfolio piece on its own.
1. VanLife (React Router capstone)
Advanced React closes its Routing module with VanLife, an Airbnb-style rental site for camper vans: ten-plus routes, three levels of nested navigation, search params, protected routes, and a mock API you later swap for Firestore. Bob Ziroll calls it "the most involved project that I have created for any React course." The module runs 6.4 hours across 86 scrims, and the later Supabase module goes further into the backend, with row-level security policies and a Postgres trigger you write yourself.
2. Quizzical (trivia app)
Learn React gates Quizzical, a trivia quiz app, behind Pro: it's the second Solo Project, sitting right after the Assembly: Endgame capstone. Like the course's other solo project, the Digital Business Card, it ships with a design file and a written spec and no walkthrough, so it works like a take-home test of what you just learned rather than another guided build.
3. Tenzies (dice game)
Learn React ends its first capstone section with Tenzies: roll ten dice, hold the ones you want, keep rolling until all ten match. You build a Die component, generate ten random dice, hold and reset state, then add lazy state initialization and two accessibility passes, including moving focus to the winning button with a ref. It's 86 minutes across 19 scrims, and confetti drops from react-confetti when you win.
The AI projects (new for 2026)
4. AI support agent
Build a Support Agent with Vercel AI SDK is Mayo Oshin's Pro project course: 114 minutes across 23 scrims, ending in a Supabase-backed agent that classifies each question and routes it to retrieval, web search, or a direct answer. The Vercel AI SDK swaps in for a raw OpenAI client so you can change model providers without rewriting the app, and the longest scrim, Agentic Retrieval Routing, is where the classifier and the fallback logic come together.
5. Translator app
Intro to AI Engineering closes with PollyGlot, a translation app briefed by Per Borgen: type English text, pick a language, guess the translation yourself, then check it. Arsala Khan hands you a blank CSS file, a blank JavaScript file, and a near-empty HTML file, so you write the API call and the UI from scratch. The course itself is 2.5 hours across 36 scrims building Gift Genie, the gift-suggestion app that teaches streaming, tool calling, and a Node backend before PollyGlot.
The "pure JavaScript" classics
6. Movie search app
A vanilla-JS search form that calls an API and renders the results (posters, plots, no framework) is the kind of build the Frontend Developer Path's Working with APIs module trains: 7.6 hours across 96 lessons on async/await, fetch, and REST shapes. If you want the React version of the same idea instead, Build a React Project: Movie Search App builds it in 56 minutes across 13 scrims against The Movie Database API.
7. Color scheme generator
A palette tool that fetches colors from a public API and copies a hex code to your clipboard is another vanilla-JS rep from that same Working with APIs module: fetch, render JSON, and this time the Clipboard API too.
8. Mobile restaurant ordering app
An UberEats-style menu, add items to a cart, calculate a total with event listeners and data attributes, sits in the range of what the path's Essential JavaScript module covers: 10.6 hours across 121 lessons on closures, array methods, and the patterns React assumes you already know.
Design and layout projects
9. Learning Journal
The Frontend Developer Path's Responsive Design module closes with "Solo Project: Learning Journal," a multi-page blog layout you deploy yourself, the kind of mobile-first, breakpoint-driven build the module trains. It's a path-only project: the standalone Learn Responsive Web Design course, taught by Kevin Powell across 15 hours, ends in a different build, a three-page company site with a slide-out mobile menu.
10. Digital Business Card
Learn React opens with this one: your first React component, styled from a design file, closing the Static Pages section (2.4 hours, 29 scrims) before the course moves on to data-driven props and state.
Frequently Asked Questions
No, thousands of students build them. You MUST customize them to make them stand out. Change the colors, add a new feature (e.g., add a 'Dark Mode' to VanLife), or use a different API (e.g., make a 'Dog Search' instead of 'Movie Search').
The code is yours, but the design assets usually belong to Scrimba. It's best to use the *code logic* but swap out the images/branding for your own portfolio.
Related Pages
- Frontend Developer Path
- How to Get Hired
- Portfolio Projects That Get You Hired, additional project ideas beyond the path
- Junior Developer Job Market 2026, why projects matter more than ever
Start building now
Stop watching. Start coding. Build these 10 projects and fill up your GitHub.