Build a Todo List App in HTML, CSS & JavaScript and Deploy it in 2023

Don't forget to check out Hostinger using my referral link hostinger.com/tylerpotts then use my discount code "TYLERPOTTS" to get an additional discount on your hosting!
Learn how to build a Todo list application using only HTML, CSS & JavaScript in 2023. I also show you how you can deploy your web app to the internet using Hostinger's hosting service! It's super easy to get started!
Demo: task-list-2023.co.uk/
Source code: github.com/TylerPottsDev/todo...
// BECOME A MEMBER TO UNLOCK MORE CONTENT!
ruclips.net/user/tylerpottsjoin
// MY GEAR FOR CODING AND RUclips
Blue Yeti Microphone: amzn.to/3jr3l7T
Microphone Stand: amzn.to/35B9LMN
Chair: amzn.to/3dWds3F
Thunderbolt Dock: amzn.to/3osBF6u
Monitor: amzn.to/37I8KoR
Screenbar Light: amzn.to/3iFRS7w
All of these products I own and have tested!
// FOLLOW ME ON TWITTER
/ tyler_potts_
// INTERESTED IN GAME DEV?
Game development channel: / muddywolf
// CHECK OUT MY GAME
play.google.com/store/apps/de...
// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE
Timestamps
00:00 Intro
00:47 Hostinger
01:11 Project Setup
02:39 HTML
06:07 CSS
15:34 JavaScript
37:46 Deploy to Hostinger
43:37 Final Web App
44:50 Outro

[@TylerPotts]

Don't forget to check out Hostinger using my referral link hostinger.com/tylerpotts then use my discount code "TYLERPOTTS" to get an additional discount on your hosting!

[@GeneralissimoStalin]

Thank You. I just pass 3 months to create a todo list
but your video explain more better, good joob!! 👍
Ps: sorry if my english it's bad, i'm brazilian.

[@TylerPotts]

Thank you and your English is fine! 🙌

[@Salah-YT]

thank u so much , this is the best Todo i was really enjoy thank u so much and keep it up bro just beginner html and css and JS thank u

[@nojoodothmanal-ghamdi1026]

very beautiful output and brilliant job, I finished my own todo list thanks to you

[@Calupp]

thank you. I just bought 2yrs of hostinger thru your link. hopefully it worked.
this helped me tremendously in building my shared grocery list app for my gf and I.

[@TylerPotts]

Glad it helped! I hope you find a lot of use from it! I know I have! :D

[@dimasnytin]

Great job 🤩🤩

[@TylerPotts]

Thank you!

[@prashlovessamosa]

Thanks for sharing

[@TylerPotts]

Thanks for watching! :D

[@mahmoudattiyah6468]

awesome work 👌🏻👌🏻

[@TylerPotts]

Thank you! Cheers!

[@dilsedhoni9229]

Hey Tyler, don't you think the line of code at 22:00 is unnecessary as we are triggering the event on checkbox separately.

[@Ptonky]

how did you shift the entire piece of code at 20:34?

[@Vismyfriend]

Cool! Thx!

[@TylerPotts]

You're welcome! :D

[@omaryousifkamal4290]

tyler ur amazing, that's all I have to say.

[@TylerPotts]

Thank you, Omar!

[@Calupp]

If I wanted my to-do list to be visible to another person would I just need to incorporate a database?
_I'm using your videos to help me build a grocery list app for my girlfriend and I as one of my 1st projects lmao_

[@TylerPotts]

In theory this Todo list will work for anyone who uses it, if you use this on your phone and laptop you can create 2 separate lists...

[@TylerPotts]

So if you want your girlfriend to use it too she can as long as it's hosted online!

[@Calupp]

I guess I should clarify, if I want to share the exact same list. Like if I typed in "oranges" and she opened the app on her phone she would see "oranges" and if she deleted oranges and I refreshed it on my phone, "oranges" would be gone.
Thanks for your response! It really helps me

[@M4rtim_Gamer]

@@Calupp same thing bro

[@Vismyfriend]

How long does it keep the info?

[@TylerPotts]

I believe it is until you clear your browser data, whether that be from clearing cache or something else.

[@harshalnath4853]

is hostinger free

[@almogmizrahi5273]

he have a bootstrap