Build a Todo List App in HTML, CSS & JavaScript with LocalStorage in 2022 | JavaScript for Beginners

Learn how to build a Todo list application in 2022 with HTML, CSS and JavaScript. You will learn the basics to JavaScript along with some more advanced features such as LocalStorage for saving data to the browser.

// JOIN THE DISCORD SERVER!

// BECOME A MEMBER TO UNLOCK MORE CONTENT!

// TIMESTAMPS
00:00 Intro
01:39 HTML
11:14 CSS
33:20 JavaScript
49:25 Takeaways & Outro

// MY GEAR FOR CODING AND YOUTUBE

All of these products I own and have tested!

// FOLLOW ME ON TWITTER

// INTERESTED IN GAME DEV?

// CHECK OUT MY GAME

// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

[CoconutwCoco]

I love it, the category part is exactly what I am looking for. please make more with more real life functions like creating a category, having multiple subcategories, making an user

[Howdyhowthis]

Warning to students. If you’re gonna code along. Dont try to be fancy with html class name. This will save you a lot of headaches.

[zalodias]

Would be awesome if you made this same project in React or Vue. So we could compare approaches, and understand better how a framework can help!

[Globalfacts]

My suggestion is that you input a space for time. So that users can set the time they want to do their task and create an alarm that goes off when it's time for users to do the task.🤞

[flybon]

Thank you for your help
You explain every line of code with meticulous detail

After checking the error messege I was able to fix the problem .

[daidensacha]

Thanks Tyler, It was fun to code along. I really like the flow of your code, and your implementation of the project. Perfect timing for me to come across your tutorial. Much appreciated.

[vuchke]

as a guy who is starting to learn code again, thanks for using different techniques in your css! you da real MVP <3

[ahmedelkhdrawy]

From Egypt 🔴⚪⚫
Thank you so much for your effort and sharing your deep knowledge.💖

[umiamira]

Thank you! I code along and learned many things, especially how to localstorage.

[matthewokadinya]

Hey Tyler! Wonderful project. I've been trying to add a reminder functionality to the app. How do you think I should go about it. What advice and one liners do you have for me. Thank you!

[carlosl-f]

Really liked this tutorial. Great manner of speaking, logic was great. Nicely done.

[arshiashaikh]

Amazing tutorial, superb explanation. Absolutely enjoyed. The UI too is perfect.
I struggled with js a bit, so any suggestions on how to improve js ?

[Max-psnr]

I love this todo list app, i will use it on google

[johncelleherrera]

Man!!!! This deserves more views, likes and subscribers :)) I love it bro

[magmax]

Excellent tutorial, keep on doing this. thanks

[josephito]

I managed to translate this app to React with 0 styles lol but works perfectly

[adnanshaikh]

Keep up the good work, love from India ❤️

[carolineweir]

This is great, thank you so much. I've learned a lot. Got a bit confused at some of the JS but early days in my coding journey!

[tumekeubro]

Hiya, great tutorial, I'm a newbie just learning and have been following along, I have the exact same code in VScode as you do, but my data for some reason is not being held in storage? I did notice that where you have nameInput.value = username; on your code value is showing as a different color however mine is not - does this mean anything? Any other ideas where it might be possibly be going wrong? Thank you!

[Salah-YT]

hi any help me out please the grid-gap doesn't work from CSS line 89 I can't separate them i do the same is him but I think CSS company they changed this property so I dont know how is work how to make a gap thx