How to Build a Todo List App with Local Storage for Beginners - HTML, CSS & JavaScript

Learn how to build a todo list web app in HTML, CSS and JavaScript with the ability to display, create, edit and delete your tasks. Task list, to-do list, shopping list.
CSS code:
codepen.io/miguelznunez/pen/y...
GitHub repository:
github.com/miguelznunez/To-do...
Try it live:
miguelznunez.github.io/To-do-...
Follow my blog:
/ miguelznunez
Email : mignunez@csumb.edu
Medium : / miguelznunez
Codepen : codepen.io/miguelznunez
GitHub : github.com/miguelznunez

Пікірлер: 45

  • @codefoxx
    @codefoxx Жыл бұрын

    Hello, friends, please help me get this video in rotation by commenting (a simple thanks will do) and liking👍

  • @victorbaraka1286

    @victorbaraka1286

    7 ай бұрын

    ive already subscribed and liked thank you for making this video may God bless you😇😀😃😄😁😆😅🤣😂😉😊🤗😜🤪😝

  • @13reath43
    @13reath43 Жыл бұрын

    Simple code ( who wants can restucturize to follow don't repeat urself rule) Solid explanations ( everyone has google few things can be googled ) Good and easy design Also BIG + for teaching how to use localstorage Thanks a lot

  • @ArslanBekbolotov-wq8hd
    @ArslanBekbolotov-wq8hd Жыл бұрын

    this video from local storage really helped me to make the program

  • @SoxPatsCelts1995
    @SoxPatsCelts1995 Жыл бұрын

    I've watched a couple todo list tutorials and the logic and explanations on this one really clicked with me. thank you

  • @codefoxx

    @codefoxx

    Жыл бұрын

    I got you

  • @JesseJames7
    @JesseJames7 Жыл бұрын

    Finally one with an edit button. Thank you

  • @raglarnights
    @raglarnights Жыл бұрын

    i been watching to your channel for awhile now. great stuff and easy to understand

  • @tonytodd7011
    @tonytodd70114 ай бұрын

    Great lesson, I like it! The video is really solid and compact, not like multi-hours todo-list ones I've ever seen!

  • @atinukeadeshola-manuels9364
    @atinukeadeshola-manuels9364 Жыл бұрын

    Really really really good video especially the localStorage part. Thanks a lot

  • @fuadagayev-mg7fk
    @fuadagayev-mg7fk8 ай бұрын

    This is very helpfull me understand "todo" logic. Thank you!!!!

  • @agataa.8411
    @agataa.8411 Жыл бұрын

    Thank you so much. It was useful for me.

  • @padmajverma6784
    @padmajverma6784 Жыл бұрын

    thank you so so much i was struggling to with a decent todo list tutorial with local storage .... thanks to u i was able to do it.. appreciate it man .

  • @Edward_Huraira
    @Edward_Huraira Жыл бұрын

    Want more and more projects. Take love bro ❣️

  • @tonytony-fc6gq
    @tonytony-fc6gq Жыл бұрын

    Thank You , most CRUD on youtube dont have UPDATE which bogs my mind why they calling it CRUD, so Thank you again !! you made it soo simple

  • @vietmobile159
    @vietmobile159 Жыл бұрын

    Very nice tutorial, thank you

  • @flyflor599
    @flyflor59911 ай бұрын

    Excellent thank you !

  • @Facts_Agenda
    @Facts_Agenda5 ай бұрын

    Incredible Video for beginners

  • @YasminMuryadi
    @YasminMuryadi Жыл бұрын

    I learned a lot from this. Thanks!

  • @victorbaraka1286

    @victorbaraka1286

    7 ай бұрын

    so as me i really learned alot

  • @nibosvaska6645
    @nibosvaska66453 ай бұрын

    Great work, great code

  • @timokimo8206
    @timokimo8206 Жыл бұрын

    Thank you 🌹

  • @alfredosancheznava8712
    @alfredosancheznava8712 Жыл бұрын

    Really cool tutorial!!

  • @codefoxx

    @codefoxx

    Жыл бұрын

    Thank you

  • @thecoder1694
    @thecoder1694 Жыл бұрын

    you taught this lesson fucking cool man thank you for your fucking helpful help!

  • @user-vo9pq4jc4y
    @user-vo9pq4jc4y6 ай бұрын

    Thanks a lot!!!

  • @Lorry127
    @Lorry1273 ай бұрын

    Thanks!

  • @globxoperations2271
    @globxoperations2271 Жыл бұрын

    Thanks

  • @commonman8540
    @commonman8540 Жыл бұрын

    hi, any idea to add reminder in this todo app

  • @edosegheosamagbe9077
    @edosegheosamagbe90778 ай бұрын

    Yup, this is the video

  • @flyflor599
    @flyflor59911 ай бұрын

    thanks

  • @Mason-cg2wx
    @Mason-cg2wx Жыл бұрын

    Not sure if this will get to you but at 4:50 and everything to do with the date before that i am not able to get the console log to show the date nor the text to show the date, the date part of it is not a deal breaker but its gonna keep bugging me till i figure out why it will not work

  • @Mason-cg2wx

    @Mason-cg2wx

    Жыл бұрын

    scratch that, i cant get my console to display anything

  • @judyodiakose6838
    @judyodiakose68389 ай бұрын

    Hey man, great video.. I am actually working on something similar, but I have a problem... How can I add to existing list items? When I reload my page, The local storage is displayed but when I try to add another list item, It wipes the previous list items.

  • @user-tu6zp2tj9q
    @user-tu6zp2tj9q10 ай бұрын

    hello sir this code is helpful for me but i need in weekly to do list can say process

  • @MBmysterio
    @MBmysterio Жыл бұрын

    Why do you use Div? I'm a beginner so, please excuse my question if it comes across as extremely basic.

  • @ishaa6385
    @ishaa63856 ай бұрын

    Hello sir, i have a question, if i want to do let's say 2 to-do list in a web, how do I use the same CSS and js for that 2 elements?

  • @jimmyjayant8072
    @jimmyjayant80724 ай бұрын

    Excellent Video. Keep it up. I tried your to do list live. And I found a problem. If the original task is "abc". And after editing it to "abcd" we click on cancel then the original task is not shown. Instead the edited task "abcd" is shown. Please correct this one.

  • @MrFrankmore
    @MrFrankmore Жыл бұрын

    Hello, thanks for this, it really helped me solve the editing part. One question, please, if I wanted the input to appear above that is the most recent to-do additions showing up first before the rest, how do I go about it?

  • @codefoxx

    @codefoxx

    Жыл бұрын

    Youll need to create a small algorithm. Perhaps you can delete the item you are editing (you can use the splice function ) from the array and push it back into the array (with the push function) so that it goes to the front

  • @MrFrankmore

    @MrFrankmore

    Жыл бұрын

    @@codefoxx It's not so clear but I think I get the idea. Thanks a lot.

  • @lollollollol1622
    @lollollollol1622 Жыл бұрын

    comment for algo

  • @atlantic_love
    @atlantic_love7 ай бұрын

    Less than a minute into your tutorial you are using a CDN. Bad idea. That means your app will be broken the moment the CDN goes down.

  • @reyjanriosa8492
    @reyjanriosa84926 ай бұрын

    Thanks

Келесі