10 Projects in 10 Days – Level Up Your Frontend Skills
Kickstart your web development journey with 10 Projects in 10 Days using HTML, CSS, and JavaScript. Build simple yet practical projects to master layouts, styling, and interactivity.Stay consistent, boost your confidence, and create 10 portfolio-worthy projects.
By the end, you’ll sharpen your skills and build the habit of coding every day.
Day 1 : Digital Clock
Displays the current time updating every second.
Concepts: DOM manipulation, setInterval().
Day 2 : Calculator App
A calculator that performs addition, subtraction, multiplication, and division.
Concepts: Event listeners, JavaScript logic.
Day 3 : To-Do List App
Users can add, mark complete, and delete tasks.
Concepts: Arrays, LocalStorage.
Day 4 : Image Slider / Carousel
A slider that automatically or manually slides through images.
Concepts: CSS transitions, DOM traversal.
Day 5 : Quiz App
A multiple-choice quiz with score tracking.
Concepts: Loops, conditionals.
Day 6 : Random Quote Generator
Displays a random quote on button click or from an API.
Concepts: Math.random(), API fetch.
Day 7 : Countdown Timer
A countdown timer for events (e.g., New Year countdown).
Concepts: Date object, time calculations.
Day 8 : BMI Calculator
Calculates Body Mass Index from height and weight inputs.
Concepts: Form handling, math operations.
Day 9 : Rock-Paper-Scissors Game
A fun game between the user and computer.
Concepts: Conditionals, random logic.
Day 10 : Notes App
Allows users to create, save, and delete notes directly in the browser.
Concepts: LocalStorage, CRUD operations.
Day 10 : Notes App
Allows users to create, save, and delete notes directly in the browser.
Concepts: LocalStorage, CRUD operations.
Day 10 : Notes App
Allows users to create, save, and delete notes directly in the browser.
Concepts: LocalStorage, CRUD operations.