Projects With Walkthroughs
Each project is a dedicated course lesson with a ready-made assignment and an explanation of the logic.
Easy
Savings Account Simulator
Calculate how a deposit grows year by year with an interest rate. Practice with numbers and
Math.round.Open lesson →
Easy
Resize Ball
Change an element's size on click. Your first taste of changing styles from code.
Open lesson →
Easy
Unit Converter
Convert meters to feet, kilograms to pounds, and back. Practice with
switch.Open lesson →
Easy
Multiplication Table Generator
Build a multiplication table from an entered number. Practice with the
for loop.Open lesson →
Medium
Product Card Generator
Dynamically create product cards on the page in a loop. Closer to real-world layout work.
Open lesson →
Medium
Star Rating Generator
Draw a star rating from a number between 1 and 5. Practice combining loops and conditionals.
Open lesson →
Medium
Emoji Generator
Generate an emoji pattern based on user input. A fun way to practice loops and strings.
Open lesson →
Medium
Price Matrix
Build a price table with nested
for loops. Good practice for thinking in nested structures.Open lesson →
Harder
Mini Online Store
Your own discount program, calculating discounts and totals. This one starts to feel like a real-world task.
Open lesson →
Medium
Backpack Weight Calculator
Calculate the total weight of gear from a list of items. Practice working with several variables at once.
Open lesson →
Harder
Taxi Fare Calculator
Calculate a taxi fare using separate functions. Practice structuring code across multiple functions.
Open lesson →
Harder
Battle HP Bar
A character health bar with attack buttons, regen, and timing. A game mechanic built in plain JavaScript.
Open lesson →
More Ideas for Independent Practice
No ready-made solution here — a great excuse to practice googling and figuring it out yourself.
To-Do ListA task list where you can add, check off, and delete items.
Real-Time ClockThe current time on the page, updating every second.
Random Password GeneratorA password of a given length made of letters, numbers, and symbols.
Age CalculatorFrom a birth date — how many full years have passed.
Simple QuizA few multiple-choice questions with a final score.
Currency ConverterConvert an amount between two currencies at a given rate.
What's next
Want to work through projects in order, with explanations?
The full JavaScript course walks through all of these projects and dozens more, step by step, with theory before every assignment.