Projects
Build real-world applications by working through guided, multi-step projects in an embedded development environment.
Each project gives you a real starter codebase. Edit code, click Check code on every step, and earn XP as you complete the project.
13 projects · 3 free
Projects
| Project | Description | Difficulty | XP | |
|---|---|---|---|---|
| Web Personal Page |
Write your first real HTML page. Build a personal bio with formatted text, a list, an image, and links. | Easy | +70 XP | |
| Web Profile Card Collection |
Style a collection of profile cards. Use CSS selectors, colors, borders, and pseudo-classes. | Easy | +100 XP | |
| Web JavaScript Toolkit |
Build a starter library of pure JS helpers. Each helper will run in the browser. | Easy | +90 XP | |
| Web Portfolio |
Build your first responsive personal portfolio. Use HTML, CSS, and JavaScript. | Easy | +110 XP | |
| Web Recipe Page |
Build a complete recipe web page. Use sections, tables, lists, and a responsive viewport. | Easy | +110 XP | |
| Web CSS Landing Page |
Build a product landing page. Use gradients, transforms, animations, and a media query. | Medium | +160 XP | |
| Web JavaScript Data Toolkit |
Build a tiny expense tracker in the browser. Filter, sum, and report on an array of expenses. | Medium | +130 XP | |
| Web Interactive Todo List |
Build a feature-rich todo application. Add local storage, filters, and drag-and-drop. | Easy | +90 XP | |
| Mobile Mobile Calculator |
Create a polished mobile calculator app. Add advanced functions and a history list. | Easy | +100 XP | |
| Web Weather Dashboard |
Create a weather dashboard that fetches data from a real API. Display current conditions and a forecast. | Medium | +150 XP | |
| Games Browser Puzzle Game |
Create an engaging puzzle game. Add multiple difficulty levels and a scoring system. | Medium | +220 XP | |
| Web E-commerce Frontend |
Build a modern e-commerce product browser. Includes a shopping cart interface. | Medium | +230 XP | |
| Data Science Analytics Dashboard |
Build an interactive data visualization dashboard. Charts update live as you filter. | Hard | +290 XP |
How It Works
Each project gives you a real multi-file codebase and a guided list of steps to complete.
Your work runs inside a sandboxed development environment with a code editor, a live preview, and an instant grader. No installs required.
Click Check code after each step. Pass the step's checks to advance and earn the XP.
