How To Create To-Do List App Using HTML CSS And JavaScript | Task App In JavaScript

Поділитися
Вставка
  • Опубліковано 19 бер 2023
  • Learn How To Create TO DO List App Using HTML CSS And JavaScript | Task App In JavaScript Step By Step Tutorial For Beginners
    #JavaScript #JavaScriptProjects
    👉 Download 30 JavaScript projects Source Code (Including To-Do List App):
    greatstack.dev/go/30-js-projects
    ❤️ SUBSCRIBE: goo.gl/tTFmPb
    In this video you will learn to make a To-Do List App or Website with HTML, CSS and JavaScript.
    In this To Do list we can add our task list and mark that task as completed or incomplete. We can write the new task in the input box and click on the "Add" button then the new task will be added to the list.
    We can click on the task name to mark it as completed or incomplete task. We will add a close icon to delete the particular task from the ToDo list.
    In this JavaScript Project we are using Local Storage that will store the task list or To Do list in your web browser, So that if you close and restart the browser then also it will display your saved To-Do List
    Download Images: drive.google.com/file/d/1Zqif...
    JavaScript to-do list, JavaScript To-Do List, JavaScript Task App, ToDo List using JavaScript, Task manger using JavaScript, JavaScript projects for beginners, JavaScript projects for students, JavaScript tutorial, JavaScript project for college students, college project in javascript, To-Do List App
    -----------------------------------------
    Suggested Course:
    ❤️ Complete website Using HTML and CSS
    ✔️ 8 Complete website step by step
    ✔️ Source Code Download
    ✔️ 76 Lectures, 12 Hours Video
    ✔️ Course Completion certificate
    👉 easytutorialspro.com/go/course/
    -------------------------------------
    Recommended Videos:
    Learn Complete HTML and CSS from basics:
    ► • HTML And CSS Tutorial ...
    Make A Complete Website for college using HTML & CSS:
    ► • How To Make A College ...
    How to make a Business website step by step:
    ► • How To Make Website Us...
    How to make personal resume website step by step:
    ► • How To Make A Website ...
    How to make fitness website design using HTML CSS:
    ► • How To Make A Website ...
    How to make an Ecommerce Website Design:
    ► • How To Make eCommerce ...
    How to make a Job Portal website design with HTML & CSS:
    ► • How To Make Website Us...
    How to make travel website design with HTML CSS Bootstrap:
    ► • How To Make A Website ...
    -------------------------------------
    Affordable web hosting (coupon- EASYTUTORIALS)
    👉 easytutorialspro.com/hosting/
    My recommended tools and tutorials
    👉 easytutorialspro.com/
    -------------------------------------
    ◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
    Join Channel Membership:
    ► / @greatstackdev
    -------------------------------------
    Connect with me:
    👉 linktr.ee/iamavinashkr

КОМЕНТАРІ • 665

  • @user-rb4tl5mq1o
    @user-rb4tl5mq1o 23 дні тому +27

    Sir you are the only reason i am not quitting coding . You make every project very easy . Please make some unique projects in the same way ❤

    • @GreatStackDev
      @GreatStackDev  22 дні тому +4

      Sure. I will try my best. Thank You. 😊

  • @anstorm_dev
    @anstorm_dev 3 місяці тому +98

    the worst part in javascript is when you make a small mistake and the whole code doesn't work lol

    • @coding688
      @coding688 3 місяці тому +9

      bro I missed a comma🤣

    • @anstorm_dev
      @anstorm_dev 3 місяці тому

      xD@@coding688

    • @anupdhakal69
      @anupdhakal69 2 місяці тому

      @@coding688 you don't need a comma

    • @dipendrasingh4874
      @dipendrasingh4874 2 місяці тому +3

      bro css is even worst here atleast we can console log and in console error will show ,what part is running in css code me bug dhundo beth ke

    • @Siraj_tahiri
      @Siraj_tahiri 2 місяці тому +1

      But now you can use chat gpt to find errors

  • @nehalpradhan2229
    @nehalpradhan2229 Рік тому +49

    WOW. This video achieved the same thing with way more simplicity than other tutorials. which is helpful for beginners.

  • @Daemusa
    @Daemusa 4 місяці тому +27

    I usually don’t comment, but videos like yours impress me. Very good job! Thank you for sharing your wisdom with us!!

  • @sogenohata1948
    @sogenohata1948 Рік тому +9

    WOW. Thank you for such an easy-to-understand tutorial. I didn't know with such simple (not saying that it's easy) Javascript, you can create a to-do list!!

  • @ChinaMary279
    @ChinaMary279 Рік тому +3

    Thank you easy tutorials. You're doing a great job by explaining it step by step

  • @AbisolaIbukunoluwaLufadeju
    @AbisolaIbukunoluwaLufadeju 3 дні тому +1

    please don't stop liking all his videos. you are an amazing teacher. Love from the United Kingdom.

    • @GreatStackDev
      @GreatStackDev  2 дні тому

      Glad you liked it. Thanks for supporting our channel. 😊

  • @sreedinesh7270
    @sreedinesh7270 3 місяці тому +2

    Tqsm sir, u have given all the detailed explanation of the complete process of ToDo list.I have created an awsome list tqsm

  • @maerzbant
    @maerzbant Рік тому +1

    Thank you so much for this tutorial! It was so clear and well explained.

  • @vikramnena4648
    @vikramnena4648 10 місяців тому +7

    Before watching this video i thought its hard to learn css html ans js together but after watching this i realise its very easy

  • @amalayakin4411
    @amalayakin4411 Рік тому +5

    bro i go through so many videos relevant to project but they won't explain the code simply the code was going but among them you'r the one only man explain the code with proper manner

  • @HoucemEddineAdjerid
    @HoucemEddineAdjerid 4 місяці тому +1

    thank you so much for providing such a simple and valuable video. These tutorials are absolutely amazing not just for building projects but for actually understanding what you are doing. thank you a lot, bro

  • @shadowslayer2248
    @shadowslayer2248 8 місяців тому +30

    Sir, very awesome project. Also the explanations helped me a lot because I could revise and learn a lot of JS methods through this single project. Thanks for providing quality content for free!!!

    • @ChefnCoder
      @ChefnCoder 4 місяці тому +1

      hey bro can u send the code for this, if u did it and uploaded to github

  • @aakashrajbhar25
    @aakashrajbhar25 Рік тому +10

    great content and you explain every line so nicely

  • @amer-pt7nw
    @amer-pt7nw Рік тому +2

    Thanks and we needs more html css JavaScript projects like this greats

  • @kevindong4303
    @kevindong4303 Місяць тому

    THANK YOU! I will be adding my own features and functions to this basic to do list!

  • @Ms01101986
    @Ms01101986 Місяць тому

    The easiest one to follow that worked 100% from the start to the end....Amazing tutorial :)

  • @ronaldbrammer1823
    @ronaldbrammer1823 3 місяці тому +1

    I really enjoyed learning this project. It was easy to follow along with.

  • @solomonhaile4502
    @solomonhaile4502 7 місяців тому

    Thank you for sharing this informative content. I am new to javascript and this helped me to understand the concepts on DOM and event handling.

  • @innocentakwolu9051
    @innocentakwolu9051 4 місяці тому +2

    All I can say is thank you..
    Seeing real life applications of basic concepts with ease is amazing.. ❤

  • @franciscogiancoli93
    @franciscogiancoli93 3 місяці тому

    Shoe de bola meu amigo.. Muito Obrigado pela contribuição. aprendi muito com vc.

  • @ludarichards6052
    @ludarichards6052 9 місяців тому

    Wow, loved it, so simply explained!

  • @educationalpoint2017
    @educationalpoint2017 3 місяці тому +5

    This is my 1st project of JavaScript..And this an awesome Experience....Thank You....

  • @FXDOVE
    @FXDOVE 3 місяці тому

    Thanks so much you video just helped me on my project. GOD BLESS

  • @inspirationalquotes5840
    @inspirationalquotes5840 7 місяців тому

    thank you, very easy to understand. more projects please.

  • @JayReaver22
    @JayReaver22 9 місяців тому +2

    Nice tutorial simple and straightforward 😊

  • @nitametkar
    @nitametkar 11 місяців тому

    U helped me alot with javascript today . Hope u come up with this type of Projects more and help me

  • @anilsuyal
    @anilsuyal 4 місяці тому

    Thanks a lot for the wonderful video! Just completed the app. For beginners, little more explanation to each and every step would be more helpful.

  • @babarshabbir2554
    @babarshabbir2554 26 днів тому

    "Excellent tutorial! Clear instructions for creating a functional to-do list app with HTML, CSS, and JavaScript."

  • @kasamalimukhi8473
    @kasamalimukhi8473 2 місяці тому

    step by step very simple to understand for to do list project.

  • @NahiBah
    @NahiBah Місяць тому

    Thanks for sharing this! I've been looking for a new way to manage my tasks.

  • @daniellyra9199
    @daniellyra9199 Місяць тому

    Your videos are very instructive. I have been learning a lot, thank you so much! 2 projects down, 28 to go!

  • @iamuzzalhossen
    @iamuzzalhossen Місяць тому

    You made it very easy! Thanks man!

  • @j_u_d_y3041
    @j_u_d_y3041 Рік тому

    Thank you so much! This tutorial is fantasic!

  • @tejusrmandal5208
    @tejusrmandal5208 Місяць тому

    Absolutely amazing video to learn

  • @mathsky4401
    @mathsky4401 Рік тому

    Thank You 🕺🕺for explaining and sharing this wonderful project

  • @Rafaelonyoutube
    @Rafaelonyoutube 9 місяців тому

    Thank you for this video, very easy to understand and follow

  • @williamkakooza4603
    @williamkakooza4603 Місяць тому

    Thank you Professor GreatStack

  • @josyafritudemedia551
    @josyafritudemedia551 Місяць тому

    Thank you very much I am currently learning function in js after I complete the course, I will use this as my project thank you 🎉🎉🎉❤

  • @ravishbisht502
    @ravishbisht502 7 місяців тому +1

    Wow amazing. Thank u so much. No words for u ❤❤❤

  • @atifbashir1214
    @atifbashir1214 Місяць тому +1

    so easy your teaching method is very nyc

  • @shajaycockrane6133
    @shajaycockrane6133 3 місяці тому

    Helped me a lot. Thank you!

  • @dilbaghsingh6069
    @dilbaghsingh6069 Рік тому

    thank you so much for explaining every single line of code

  • @leulsegedtekle309
    @leulsegedtekle309 Рік тому +91

    I like it that you are doing more JavaScript projects. But,It would be super great if you do JavaScript basic to advanced tutorial first and then these projects.

    • @vishalplayzz2580
      @vishalplayzz2580 Рік тому +3

      @@CrazyAshu34 suggest some 🙂

    • @CrazyAshu34
      @CrazyAshu34 Рік тому +3

      @@vishalplayzz2580only Dom manipulation is 🥷 Worthy 🦆

    • @DelancyRoxella
      @DelancyRoxella 6 місяців тому +2

      There are like thousands of videos like that on UA-cam.

  • @srinivaspagidi5764
    @srinivaspagidi5764 Місяць тому

    Thank you so much for your effort
    You are doing a great job by explaining it step by step

  • @KazumaSatou15
    @KazumaSatou15 7 місяців тому

    Thankyou for this amazing project 🤩

  • @mftzxtkja
    @mftzxtkja Рік тому

    Thank you very much , i can learn Java script to create Todo list online easily

  • @MatematicaTel
    @MatematicaTel 6 місяців тому

    Excellent tutorial. Thanks very much, greetings from Brasil

  • @yahmidarlington6522
    @yahmidarlington6522 Місяць тому

    Such a wonderful tutorial 👏🏾👏🏾 Thank you

  • @studynewthings1727
    @studynewthings1727 8 місяців тому +1

    Thankyou, you are explaining very well

  • @krishnapandit_vlogs
    @krishnapandit_vlogs 11 місяців тому +7

    Very nice and clear explanation with simple and clean code.. very helpful for beginners Thank you so much for such a wonderful tutorial..

  • @techieee17
    @techieee17 10 днів тому +2

    very rare to see such explanation sir , thank you

    • @GreatStackDev
      @GreatStackDev  9 днів тому

      Glad to hear that. Thanks for your comment. 😊

  • @IroniQ2611
    @IroniQ2611 2 місяці тому

    Great video.. really easy to understand.

  • @ruhifarhath727
    @ruhifarhath727 11 місяців тому

    Thank you very much sir , it was a very easy to follow vedio . Please keep making more such vedios.

  • @motivation4you494
    @motivation4you494 8 місяців тому

    Amazing!! Thank You Sir!

  • @rajneeshkushwaha1
    @rajneeshkushwaha1 11 місяців тому

    Beautifully Explained brother.

  • @jamesbautista829
    @jamesbautista829 Місяць тому

    Thank you so much sir. Very informative.

  • @lucas3690
    @lucas3690 Рік тому

    Very helpful. Thanks!

  • @ishamanisha9553
    @ishamanisha9553 Місяць тому

    very nice explanation sir thank you so much

  • @johndigirolamo5858
    @johndigirolamo5858 22 дні тому

    Amazing video, my friend! I'm definitely liking and sharing! Thank you so much for sharing with us.

  • @seunomeaqui_
    @seunomeaqui_ 11 місяців тому +1

    Thank you so much! Your explanation is simple to understand!

  • @user-xs3ku4ss5b
    @user-xs3ku4ss5b 7 місяців тому

    thank you for your service, for the novice

  • @aanuoluwabolajoko6800
    @aanuoluwabolajoko6800 10 місяців тому

    Thank you for this video. This was really helpful.

  • @SlinkyCollins
    @SlinkyCollins 3 місяці тому

    very helpful video, thanks GreatStack🤗

  • @archiestudy288
    @archiestudy288 Рік тому +50

    As a beginner in JavaScript DOM, it's really hard for me to understand that function, but you make it look easy.
    This video saves my life🤩

    • @AAKARSHVERMA-bw4ic
      @AAKARSHVERMA-bw4ic 5 місяців тому

      I am learning js but the more I learn the more I lose confidense that I am not learning anything did you felt the same that time when you were learning

    • @ChefnCoder
      @ChefnCoder 4 місяці тому

      hey did you code it? i need source code , plz send ur github link if u did

    • @Imran-tr8sh
      @Imran-tr8sh 4 місяці тому

      @@AAKARSHVERMA-bw4ic bhai sab yahi feel karte hai tension naa lo or chorna mat mujhe bhi zyada nii atta but ye project calculator,bg-changer, quote-app ye sab bana leta hun mai filhal mujhe bhi aysa he feel aata tha jab naya naya start kiya tha tho

    • @panagopulos9690
      @panagopulos9690 3 місяці тому

      @@AAKARSHVERMA-bw4ic same here the further I go the less I think I can code anything on my own....

  • @qassimo688
    @qassimo688 Місяць тому

    this video is pretty amazing ! Thank you my friend !

  • @vedantbichkunde1136
    @vedantbichkunde1136 7 місяців тому

    It helped a lot.Thank you soo much.

  • @RitikRaj-fg7sh
    @RitikRaj-fg7sh 3 місяці тому

    Thanku so much sir , i learn a lot from u and i also added some extra feature to it

  • @al-cadaalachannel3194
    @al-cadaalachannel3194 8 місяців тому

    Awesome Sir, you helped me a lot. Thanks ❤

  • @michal2135
    @michal2135 7 місяців тому

    even though the project seems to be and actually is very easy there are many extremly useful solution included, Thank You

  • @ThunderGaming-sy7fh
    @ThunderGaming-sy7fh Рік тому +1

    After watching your make a e commercial website
    THANK You 💓💓

  • @LawalHussein
    @LawalHussein 3 місяці тому

    Wow,I really gained more knowledge from thus video. You are the best tutor in java scripts..you explained it as simple as Abc💀

  • @b0b0_
    @b0b0_ 9 місяців тому

    So nice and soo simple, Thank you soo much 🎉🎉🎉

  • @polimorphic13
    @polimorphic13 11 місяців тому

    Thank you so much for this tutorial!

  • @skolotoi4588
    @skolotoi4588 Місяць тому

    Thank you!

  • @StephenBeale
    @StephenBeale Місяць тому

    Brilliant, thanks

  • @engabdirisakict6874
    @engabdirisakict6874 11 місяців тому

    thank my teacher really helpfull for me thanks alot 100%

  • @learnwithnagma
    @learnwithnagma 3 місяці тому +1

    Really commendable sir 😊.
    I found many errors in my way of doing this project ,then also I really wanted to created it . Then solved those errors and finally completed the project ✅🥳.

  • @Alena-ld4sp
    @Alena-ld4sp Місяць тому

    It's amazing! Thank u so much!

  • @spvivekpandi
    @spvivekpandi 2 місяці тому

    Very easy tutorial. Thanks

  • @MT_yt
    @MT_yt 3 місяці тому

    Thanks man!, really appreciate it.

  • @shaheerhere
    @shaheerhere 11 місяців тому +2

    honestly this is the best explaination one could give. dude emm literally proud of you. keep it up!!

  • @user-hu1qm1kc6o
    @user-hu1qm1kc6o 4 місяці тому

    Thank you for the video!

  • @oldsport24
    @oldsport24 2 місяці тому

    It has been awesome guide! Appreciate you

  • @user-xp7my2rm1i
    @user-xp7my2rm1i 2 місяці тому

    sir you have found a new loyal subscriber today. loved it sir........make more content like this

  • @tonytodd7011
    @tonytodd7011 Рік тому +2

    Easy to follow as always, thank you Easy Tutorials!

  • @mauricechidi4644
    @mauricechidi4644 Рік тому +1

    I like that you are doing more JavaScript project now thanks a love, please can you do a project on crud or laravel 🙏🙏🙏🙏🙏

  • @pnkdtu27
    @pnkdtu27 2 місяці тому

    Very Informative AND Amazing Project

  • @freeju2001
    @freeju2001 2 місяці тому

    This is amazing, developing along with you is incredible ! thanks a lot brother ;-)

  • @michelleneema8137
    @michelleneema8137 6 місяців тому +1

    thanks for teaching me

  • @fola_azeez
    @fola_azeez 8 місяців тому

    Hey Thank you so much, I learned a lot from this exercise

  • @user-hc5ym6kc4y
    @user-hc5ym6kc4y 7 місяців тому

    thanks it help me alot in writing js

  • @victtor-777
    @victtor-777 5 місяців тому

    Very good video and project, thanks!

  • @zakyasharmeen5815
    @zakyasharmeen5815 Рік тому +1

    great help for the absolute beginners.
    very simply explained.

  • @samarbhao4703
    @samarbhao4703 6 місяців тому

    Thank you so much sir. its help me a lot.

  • @fuadagayev-mg7fk
    @fuadagayev-mg7fk 7 місяців тому

    Very helpfull Thanks!!!

  • @user-so9ib9pv2g
    @user-so9ib9pv2g 2 місяці тому

    excellent explanation, thankyou :)

  • @esasrl3384
    @esasrl3384 10 місяців тому

    Excellent! Very well done

  • @Prime_beatz_official
    @Prime_beatz_official Рік тому +2

    Really helpful ❤

  • @johnrendellcanteras7681
    @johnrendellcanteras7681 8 місяців тому

    ur the best teacher man.