Build a To-Do List App in JavaScript

Learn to code a to-do list application from a simple design sketch, using HTML, CSS and JavaScript. This video was meant to introduce you to DOM manipulation and Event handlers in JavaScript, all that while building something cool and useful!
Buy a coffee for Max Sandelin at:

Skills You Will Gain

  1. You will learn how to create a fully functional to-do list app using vanilla javascript only


  1. Commitment to invest 3 Hours in 1 Week anytime that works best for you. (Average 24 Minutes per day)
  2. An internet-connected computer
  3. Fluent in English

Action Plan

  • Task 1: Download source code on Github
  • Task 2: Download Design Files
  • Task 3: Set up development folders
  • Task 4: Create Index.html file
  • Task 5: Create To-Do list header section with HTML and CSS
  • See All Tasks

    Content By

    Max Sandelin

    I design and develop experiences for the web, share my daily work and inspiration on Instagram and read a lot of books.

    Ready to unleash your full potential?


    Mench Bootcamps Offer:

    In-Demand Skills

    Mench Bootcamps are inspired by the most popular digital skills in-demand. We research the hottest industry trends and collaborate with experts to produce weekly Bootcamps that will give you practical experience.


    Leveling-up your tech career does not have to interrupt your busy schedule, which is why Mench Bootcamps have an estimated number of hours required for completion. Choose when to do the work based on your own schedule.

    Tuition Guarantee

    We believe hard work should always pay off, which is why we offer a Tuition Reimbursement Guarantee for students who do the work but fail to accomplish the target outcome by the end of their Bootcamp.