HTMLCSSJavaScript
Tip Calculator
Build a tip calculator that calculates the final bill from a bill amount and tip percentage.
View projectJS100 JS Projects · Learn by building
Build Real JavaScript Projects
Learn web development one project at a time with practical, beginner-friendly builds made with HTML, CSS, and vanilla JavaScript.
- Beginner friendly
- Source code included
- Free access
- Practical projects
- Learn through building
- Source code included
- HTML, CSS and JavaScript
- Open access
- Learn at your own pace
</>
{ }
FREE
JS Featured Projects
Choose a Project. Start Building.
Explore practical projects designed to turn JavaScript concepts into skills you can use with confidence.
HTMLCSSJavaScript
Temperature Converter
Build a temperature converter with HTML, CSS, and JavaScript while practicing DOM selection and input values.
View project%202.webp?alt=media&token=7ffdb0b5-c934-43e2-a7a1-029e283cce6f)
HTMLCSSJavaScript
Testimonial Slider
Build a testimonial slider with HTML, CSS, and JavaScript while practicing setTimeout and DOM selection.
View project
HTMLCSSJavaScript
Age Calculator
Build an age calculator with HTML, CSS, and JavaScript while practicing click events and DOM selection.
View project
HTMLCSSJavaScript
Recipe Book App
Build a recipe book app with HTML, CSS, and JavaScript while practicing API requests and async and await.
View project
HTMLCSSJavaScript
Dice Roll Simulator
Build a dice roll simulator with HTML, CSS, and JavaScript while practicing setTimeout and click events.
View project
HTMLCSSJavaScript
Pomodoro Timer
Build a pomodoro timer with HTML, CSS, and JavaScript while practicing setInterval and click events.
View project
HTMLCSSJavaScript
Rock Paper Scissors Game
Build a rock paper scissors game with HTML, CSS, and JavaScript while practicing click events and DOM selection.
View projectNEXT_BUILD.js
ReadyProject Launcher
Pick a project.Build something today.
Open the complete library and choose the project that matches your next learning goal.
HTMLCSSJavaScript