Skip to main content

Beginner Vanilla JavaScript - To Do Application - #68

Published: August 02, 2021 | DevDrawer

Estimated Reading Time
2 minutes
Video Duration
42:44 minutes

Ever wanted to build a to-do application? Let's build it using vanilla JavaScript. In this tutorial, we will use only vanilla JavaScript to build out an application that stores information in the browser using a local session, retrieves it, and displays it with a complete and remove button. We will also create an input that allows you to add new items to the list with the click of a button or by hitting the enter key.

This is a simple tutorial and since I have been learning to use vanilla JS more, I figured I would take what I have learned and put it to use for you. Hopefully, you learn a bit and I hope to do a few more tutorials using vanilla JS soon.

00:00 Intro

01:18 Setting Up Our Files

02:07 Building the HTML

09:16 Building the JavaScript

30:10 Building the SASS

40:11 The Final Product

Download the tutorial files here:

Become a Patreon to show support and get exclusive access to content:

Applications Used

Visual Studio Code v1.43:

Computer Hardware:

Windows 10 Pro: (Amazon)

Samsung 500GB External SSD: (Amazon)

Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: (Amazon)

Rosewill Hive-750S R750W PSU: (Amazon)

Phanteks Eclipse Tempered Glass Case: (Amazon)

MSI Arsenal Gaming AMD Ryzen Motherboard: (Amazon)

MSI Gaming GeForce RTX 2060 Super 8GB: (Amazon)

LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: (Amazon)

Corsair 64GB (4 x 16GB) DDR4 Memory: (Amazon)

AMD Ryzen 7 2700X Processor: (Amazon)

Dell XPS 15 9500 15.6" Laptop / Windows: (Amazon)

Lenovo ThinkPad T15 15.6" Laptop / Linux: (Amazon)


Fujifilm X-T3: (Amazon)

Fujinon XF18-55mmF2.8-4: (Amazon)


Audio Technica AT2020: (Amazon)

Blue Snowball iCE: (Amazon)


I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to and affiliated sites.