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

Sdílet
Vložit
  • čas přidán 19. 03. 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: greatstack.dev/assets/to-do-a...
    More JavaScript Projects: greatstack.dev/
    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

Komentáře • 723

  • @user-rb4tl5mq1o
    @user-rb4tl5mq1o Před 2 měsíci +72

    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 ❤

  • @nehalpradhan2229
    @nehalpradhan2229 Před rokem +62

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

  • @anstorm_dev
    @anstorm_dev Před 5 měsíci +148

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

    • @coding688
      @coding688 Před 4 měsíci +16

      bro I missed a comma🤣

    • @anstorm_dev
      @anstorm_dev Před 4 měsíci

      xD@@coding688

    • @anupdhakal69
      @anupdhakal69 Před 4 měsíci

      @@coding688 you don't need a comma

    • @dipendrasingh4874
      @dipendrasingh4874 Před 3 měsíci +7

      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 Před 3 měsíci +3

      But now you can use chat gpt to find errors

  • @sogenohata1948
    @sogenohata1948 Před rokem +13

    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!!

  • @maerzbant
    @maerzbant Před rokem +4

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

  • @amalayakin4411
    @amalayakin4411 Před rokem +9

    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

  • @ChinaMary279
    @ChinaMary279 Před rokem +4

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

  • @Daemusa
    @Daemusa Před 6 měsíci +31

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

    • @yousefkhaled5758
      @yousefkhaled5758 Před 2 měsíci

      I love you

    • @universalcosmologist3675
      @universalcosmologist3675 Před 2 měsíci

      ​@@yousefkhaled5758 I love you too 😘

    • @atlantic_love
      @atlantic_love Před 29 dny +1

      LMAO, any time someone says "I usually don't comment", they are lying. It doesn't help your credibility or make your point any more valid by saying something like that.

  • @kevindong4303
    @kevindong4303 Před 2 měsíci +5

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

  • @HoucemEddineAdjerid
    @HoucemEddineAdjerid Před 5 měsíci +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

  • @sreedinesh7270
    @sreedinesh7270 Před 4 měsíci +4

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

  • @vikramnena4648
    @vikramnena4648 Před 11 měsíci +8

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

  • @amer-pt7nw
    @amer-pt7nw Před rokem +3

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

  • @aakashrajbhar25
    @aakashrajbhar25 Před rokem +10

    great content and you explain every line so nicely

  • @anilsuyal
    @anilsuyal Před 5 měsíci

    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.

  • @solomonhaile4502
    @solomonhaile4502 Před 9 měsíci

    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.

  • @franciscogiancoli93
    @franciscogiancoli93 Před 5 měsíci +1

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

  • @Ms01101986
    @Ms01101986 Před 3 měsíci

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

  • @nitametkar
    @nitametkar Před rokem

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

  • @MatematicaTel
    @MatematicaTel Před 7 měsíci

    Excellent tutorial. Thanks very much, greetings from Brasil

  • @daniellyra9199
    @daniellyra9199 Před 2 měsíci

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

  • @krishnapandit_vlogs
    @krishnapandit_vlogs Před rokem +8

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

  • @ronaldbrammer1823
    @ronaldbrammer1823 Před 4 měsíci +1

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

  • @educationalpoint2017
    @educationalpoint2017 Před 4 měsíci +7

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

  • @shaheerhere
    @shaheerhere Před rokem +2

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

  • @NahiBah
    @NahiBah Před 3 měsíci

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

  • @JayReaver22
    @JayReaver22 Před 11 měsíci +3

    Nice tutorial simple and straightforward 😊

  • @AbisolaIbukunoluwaLufadeju
    @AbisolaIbukunoluwaLufadeju Před měsícem +3

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

    • @GreatStackDev
      @GreatStackDev  Před měsícem

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

  • @inspirationalquotes5840
    @inspirationalquotes5840 Před 8 měsíci

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

  • @techieee17
    @techieee17 Před měsícem +6

    very rare to see such explanation sir , thank you

    • @GreatStackDev
      @GreatStackDev  Před měsícem

      Glad to hear that. Thanks for your comment. 😊

  • @shadowslayer2248
    @shadowslayer2248 Před 10 měsíci +29

    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 Před 6 měsíci +1

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

  • @josyafritudemedia551
    @josyafritudemedia551 Před 3 měsíci +1

    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 🎉🎉🎉❤

  • @FXDOVE
    @FXDOVE Před 5 měsíci

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

  • @j_u_d_y3041
    @j_u_d_y3041 Před rokem

    Thank you so much! This tutorial is fantasic!

  • @mathsky4401
    @mathsky4401 Před rokem

    Thank You 🕺🕺for explaining and sharing this wonderful project

  • @ludarichards6052
    @ludarichards6052 Před 10 měsíci

    Wow, loved it, so simply explained!

  • @leulsegedtekle309
    @leulsegedtekle309 Před rokem +92

    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 Před rokem +3

      @@CrazyAshu34 suggest some 🙂

    • @CrazyAshu34
      @CrazyAshu34 Před rokem +3

      @@vishalplayzz2580only Dom manipulation is 🥷 Worthy 🦆

    • @DelancyRoxella
      @DelancyRoxella Před 7 měsíci +2

      There are like thousands of videos like that on CZcams.

  • @zakyasharmeen5815
    @zakyasharmeen5815 Před rokem +1

    great help for the absolute beginners.
    very simply explained.

  • @iamuzzalhossen
    @iamuzzalhossen Před 2 měsíci

    You made it very easy! Thanks man!

  • @Rafaelonyoutube
    @Rafaelonyoutube Před 10 měsíci

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

  • @tonytodd7011
    @tonytodd7011 Před rokem +2

    Easy to follow as always, thank you Easy Tutorials!

  • @AdityaSUnboxings
    @AdityaSUnboxings Před měsícem

    This kind of work is much appreciated sir.

  • @ravishbisht502
    @ravishbisht502 Před 8 měsíci +2

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

  • @innocentakwolu9051
    @innocentakwolu9051 Před 5 měsíci +3

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

  • @ruhifarhath727
    @ruhifarhath727 Před rokem

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

  • @mininusequeci
    @mininusequeci Před rokem +1

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

  • @mFtz_17
    @mFtz_17 Před rokem

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

  • @user-xp7my2rm1i
    @user-xp7my2rm1i Před 4 měsíci

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

  • @johndigirolamo5858
    @johndigirolamo5858 Před 2 měsíci

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

  • @safaroads9504
    @safaroads9504 Před 16 dny

    Loved it, very simple To-do App. Thanks a lot.

  • @mauricechidi4644
    @mauricechidi4644 Před rokem +1

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

  • @kamilmohideen3647
    @kamilmohideen3647 Před 10 měsíci +8

    dude this is awesome, you make it seem like childs play. This was my first ever experience and it was super fun an informative. Cant wait to go through your other projects / videos !

  • @shajaycockrane6133
    @shajaycockrane6133 Před 5 měsíci

    Helped me a lot. Thank you!

  • @dilbaghsingh6069
    @dilbaghsingh6069 Před rokem

    thank you so much for explaining every single line of code

  • @nukhaimongmarma5789
    @nukhaimongmarma5789 Před 10 měsíci +1

    It's an amazing tutorial. I just built my very first project To-Do-List App. Thank you so much for the tutorial.😁

  • @freeju2001
    @freeju2001 Před 4 měsíci

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

  • @learnwithnagma
    @learnwithnagma Před 4 měsíci +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 ✅🥳.

  • @srinivaspagidi5764
    @srinivaspagidi5764 Před 2 měsíci

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

  • @babarshabbir2554
    @babarshabbir2554 Před 2 měsíci

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

  • @KazumaSatou15
    @KazumaSatou15 Před 8 měsíci

    Thankyou for this amazing project 🤩

  • @al-cadaalachannel3194
    @al-cadaalachannel3194 Před 9 měsíci

    Awesome Sir, you helped me a lot. Thanks ❤

  • @fola_azeez
    @fola_azeez Před 9 měsíci

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

  • @aanuoluwabolajoko6800

    Thank you for this video. This was really helpful.

  • @michal2135
    @michal2135 Před 8 měsíci

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

  • @kasamalimukhi8473
    @kasamalimukhi8473 Před 3 měsíci

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

  • @yahmidarlington6522
    @yahmidarlington6522 Před 3 měsíci

    Such a wonderful tutorial 👏🏾👏🏾 Thank you

  • @qassimo688
    @qassimo688 Před 2 měsíci

    this video is pretty amazing ! Thank you my friend !

  • @jamesbautista829
    @jamesbautista829 Před 3 měsíci

    Thank you so much sir. Very informative.

  • @studynewthings1727
    @studynewthings1727 Před 9 měsíci +1

    Thankyou, you are explaining very well

  • @RitikRaj-fg7sh
    @RitikRaj-fg7sh Před 5 měsíci

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

  • @polimorphic13
    @polimorphic13 Před rokem

    Thank you so much for this tutorial!

  • @MT_yt
    @MT_yt Před 4 měsíci

    Thanks man!, really appreciate it.

  • @santiagoespinosa749
    @santiagoespinosa749 Před 11 měsíci

    No sabes lo agradecido que estoy :) full arrecho quedo

  • @b0b0_
    @b0b0_ Před 10 měsíci

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

  • @rajneeshkushwaha1
    @rajneeshkushwaha1 Před rokem

    Beautifully Explained brother.

  • @lucas3690
    @lucas3690 Před rokem

    Very helpful. Thanks!

  • @LawalHussein
    @LawalHussein Před 4 měsíci

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

  • @genxgamer777
    @genxgamer777 Před 28 dny

    Following your tutorials is the next level of learning coding. I am following your tutorials while doing my freecodecamp lessons :)

  • @decall
    @decall Před 20 dny

    Thank you so much for this amazing tutorial. First I have tried to make it myself, but I have got stuck on the localstorage. But you explained this so easy.

  • @AMAN_BHARDWAJ007
    @AMAN_BHARDWAJ007 Před 9 měsíci

    Thanks ❤ , and you should also write the js code, after enter some text in input field and press enter key on keyboard then the text add automatically

  • @TechBoxNorth
    @TechBoxNorth Před 9 měsíci +9

    Love your videos, very clear and easy to follow along. Do you make any videos that shows the design process that comes before starting to write the html, css and javascript? What design tool do you use/suggest?

  • @vedantbichkunde1136
    @vedantbichkunde1136 Před 8 měsíci

    It helped a lot.Thank you soo much.

  • @SlinkyCollins
    @SlinkyCollins Před 5 měsíci

    very helpful video, thanks GreatStack🤗

  • @atifbashir1214
    @atifbashir1214 Před 2 měsíci +1

    so easy your teaching method is very nyc

  • @MuhammadNurIslomToxtamishhoji-

    thank you so much, with this great tutorial.

  • @shreelekham.k.9141
    @shreelekham.k.9141 Před 7 měsíci

    Bro your doing great, thanks for helping us😊😊

  • @motivation4you494
    @motivation4you494 Před 9 měsíci

    Amazing!! Thank You Sir!

  • @ABHISHEKKUMAR-wt1pw
    @ABHISHEKKUMAR-wt1pw Před rokem

    Your teaching style is great sir .
    Please also create videos on React or Mern project

  • @oldsport24
    @oldsport24 Před 4 měsíci

    It has been awesome guide! Appreciate you

  • @gamingtechnology6025
    @gamingtechnology6025 Před 24 dny +1

    sir its very helpful by watching your video and coding will give me a more experience

  • @victtor-777
    @victtor-777 Před 6 měsíci

    Very good video and project, thanks!

  • @ThunderGaming-sy7fh
    @ThunderGaming-sy7fh Před rokem +1

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

  • @neerajmeka25
    @neerajmeka25 Před 5 měsíci

    Thank you so much for the project it was really great project to do

  • @AnupumPant
    @AnupumPant Před rokem +8

    Such elegant way. My home cooked javascript was so long and ugly and still had so many bugs when trying on my own. This is such a great way to do it. Thanks

  • @ParzivalsLab
    @ParzivalsLab Před 4 měsíci

    Very well explained bro, just now subscribed you ✅

  • @samarbhao4703
    @samarbhao4703 Před 8 měsíci

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

  • @Alena-ld4sp
    @Alena-ld4sp Před 3 měsíci

    It's amazing! Thank u so much!

  • @user-hu1qm1kc6o
    @user-hu1qm1kc6o Před 6 měsíci

    Thank you for the video!

  • @zedsmelee
    @zedsmelee Před rokem

    Great content, subscribed and like all videos of yours I watch. Thanks for your effort making this content it is really helpful.

  • @IroniQ2611
    @IroniQ2611 Před 3 měsíci

    Great video.. really easy to understand.