10 Projects You'll Build on Scrimba (2026)
Quick Answer: 10 Projects You. See below for full details.
Last reviewed: March 2026.
The biggest problem with most tutorials is that you just watch someone else code. You nod along, but when you open a blank text editor, you freeze.
Scrimba solves this by forcing you to build. Here are 10 real projects you will build in the Career Paths that you can put on your portfolio immediately.
Who This Is For
Readers interested in this topic.
The "Big Three" Capstones
These are the flagship projects that take several hours to complete.
1. VanLife (React Router Capstone)
- Course: Advanced React
- What it is: An Airbnb-style rental platform for camper vans.
- Tech Stack: React Router 6, Loaders, Actions, Nested Routes, Firebase.
- Why it impresses: It handles complex, real-world routing scenarios like protected routes (login required), search query parameters, and data fetching errors.
2. Quizzical (Trivia App)
- Course: Learn React
- What it is: A dynamic trivia quiz that fetches questions from the Open Trivia Database API.
- Tech Stack: React,
useEffect, API Fetching, Conditional Rendering. - Why it impresses: It handles "game state" perfectly—checking answers, tallying scores, and resetting the game—which is the core logic of most business apps (State -> Action -> New State).
3. Tenzies (Dice Game)
- Course: Learn React
- What it is: A fast-paced dice rolling game where you freeze dice to match numbers.
- Tech Stack: React State, Side Effects.
- Why it impresses: It's addictive and heavily interactive. It proves you understand how to manage many pieces of changing state simultaneously.
The AI Projects (New for 2026)
4. AI Support Agent
- Course: Build a Support Agent
- What it is: A customer support chatbot that can answer questions based on a specific knowledge base.
- Tech: Vercel AI SDK, OpenAI API, RAG (Retrieval Augmented Generation).
5. Translator App
- Course: Intro to AI Engineering
- What it is: A text translation app that detects language and context (e.g., "translate 'bank' in the context of a river vs money").
- Tech: GPT-4o, Prompt Engineering.
The "Pure JavaScript" Classics
6. Movie Search App
- Course: Working with APIs
- What it is: A dashboard to find movies, view posters, and read plots.
- Tech: Async/Await, Fetch API, DOM Manipulation.
7. Color Scheme Generator
- Course: Working with APIs
- What it is: A designer tool that generates matching color palettes from a seed color.
- Tech: REST APIs, Clipboard API integration.
8. Mobile Restaurant Ordering App
- Course: Essential JavaScript
- What it is: An "UberEats" style menu where you add items to a cart and calculate totals.
- Tech: vanilla JS (no framework!), Event Listeners, Data Attributes.
Design & Layout Projects
9. Learning Journal
- Course: Responsive Design
- What it is: A multi-page blog layout.
- Tech: CSS Grid, Flexbox, Media Queries (Mobile-First workflow).
10. Digital Business Card
- Course: Learn React
- What it is: Your first React component!
- Tech: Static React Components, Styling.
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.
Choose This If
Choose this post if: The topic matches your current learning or career question.
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.
Use our partner link to get 20% off the Pro plan.