Create A Todo List App in HTML CSS & JavaScript | Todo App in JavaScript

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ • 114

  • @CodingNepal
    @CodingNepal  2 роки тому +18

    Get Source Code of this Todo List App: buymeacoffee.com/codingnepal/e/278840

    • @sekhangati
      @sekhangati 2 роки тому +1

      Hello CodingNepal. I love your videos. Great stuff with minimal professional designs.
      I have just a finished JavaScript course and I plan to practice doing small projects for my portfolio.
      Is it ok if I did code along for some of your projects with probably some tweaks for practice and my portfolio as well?
      And if it is ok with you, is it ok for my practice or I should build my portfolio with my own codes? Any advice will be appreciated.
      I wish you had some audio explanations for some things how they work. Keep up the good work. Thank you.

    • @CodingNepal
      @CodingNepal  2 роки тому +1

      @@sekhangatiI think you should take ideas from the already written codes like how they do to do some things and try to do it yourself for better practice rather than copy-pasting whole codes.

    • @sekhangati
      @sekhangati 2 роки тому

      @@CodingNepal ok thank you for the advice.

    • @TecHBanCo
      @TecHBanCo 2 роки тому

      I want to know what code editor you use and how it preview live please reply

    • @webylancers5607
      @webylancers5607 2 роки тому +1

      JazakuMullaha Khaira Aameen 🙏 🤲 😍

  • @shabankhan4383
    @shabankhan4383 2 роки тому +18

    Bro your just one video on “real-time chat app” made my whole carrier. ❤️ thank you so much .. lots of love and respect from India

    • @CodingNepal
      @CodingNepal  2 роки тому +4

      Happy to hear that bro.. Keep loving!

    • @herbeysoft
      @herbeysoft 2 роки тому

      Link to the video tutorial please

  • @ZoyaLoenko
    @ZoyaLoenko 2 роки тому +2

    This is the best Todo list tutorial. I would say it's not for beginners, but absolutely worth diving deep into it. Learned a lot about Local Storage. Without is it's much much easier of course.

  • @waqasalam_007
    @waqasalam_007 25 днів тому

    Most talented developer i have ever seen in my life.I wish i could do the the codjng same like you😢

  • @codewithegai
    @codewithegai 2 роки тому +1

    I've been working with this your project and improving it a lot. You'd be amazed believe me. Add the filters under an icon. Did a reverse loop so every new to do is stacked on the older one. Also made use of content editable to improve the user experience. Put a plus button at the bottom right for adding new todos. When it is clicked a div with contenteditable set to true slides up and the user types in their to do. The difference between this and the input box you use is that with a text box you can only type in a straight line.

    • @codewithegai
      @codewithegai 2 роки тому

      Next, I will be working on letting the user create new lists, and possibly add a scheduling feature to the to-do. Thanks so much for this video. With your channel, I am sure I will have good portfolio projects to land my first job as a frontend developer.3

  • @АртёмХен-п5ь
    @АртёмХен-п5ь 2 роки тому +1

    Great turorilal, that's what i wanted to find. Thanks Coding Nepal!!!

  • @webylancers5607
    @webylancers5607 2 роки тому +1

    JazakuMullaha Khaira Aameen 🙏🤲😍

  • @pelonomifinger4482
    @pelonomifinger4482 2 роки тому

    Honestly the best tutorial I've watched. Thank you

  • @IAmWaterr
    @IAmWaterr 2 роки тому

    this video is perfect for a beginner to get Hands on experience on html, css, js. thanks for the putting the effort to made this.

  • @achmadfikri-bg9wv
    @achmadfikri-bg9wv 8 місяців тому

    thank you bro thanks to you I understand a little about javascript

  • @galattabroz1917
    @galattabroz1917 2 роки тому +3

    Awesome! i am learning to develop some apps like this and to make websites ... and I am form india

  • @AnjuGupta-jy6lj
    @AnjuGupta-jy6lj 2 роки тому +1

    Good to see the second version of the TODO list app
    And we wanna see videos with your voice

  • @nerdy.guy_yt
    @nerdy.guy_yt 2 роки тому

    Bro, your work is really awesome, dude maza aa gaya

  • @mariskitchen7802
    @mariskitchen7802 2 роки тому +1

    Amazing bro, we are appreciating your work, god bless you, please upload more content like this, we are waiting🙏🙏👏👏💓

  • @wakweikafelix
    @wakweikafelix 2 роки тому +1

    Awesome tutorial! Thank you for sharing!

  • @franciscojunior8066
    @franciscojunior8066 2 роки тому

    Awesome!! You are the best!! Thank you my brother.

  • @yubiroaster6285
    @yubiroaster6285 2 роки тому

    First comment.... Love from NEPAL 🇳🇵 ✌️

  • @CodingCreative.
    @CodingCreative. Рік тому

    Good work

  • @nehanshpatil6699
    @nehanshpatil6699 2 роки тому +1

    Excellent Work

  • @wajihulhassan712
    @wajihulhassan712 2 роки тому

    Amazing work 👍

  • @vikrantmulankar4742
    @vikrantmulankar4742 2 роки тому +1

    Hey Bro Thanks for this videos.
    But bro agar aap every videos me bg sound ke jgah
    agar aap code ko explain kro tho or jyada better rahega hmare liye
    code ko samajna or wo kese work krra hai wo sab dekhna

  • @ganesan.r5430
    @ganesan.r5430 2 роки тому +1

    great video really helped me a lot.

  • @CreativeTutorialsWeb
    @CreativeTutorialsWeb 2 роки тому

    Superb Work Sir

  • @magiccode3396
    @magiccode3396 2 роки тому

    Amazing work bro keep it up

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

    I love your content thank you

  • @shaderone07
    @shaderone07 2 роки тому +1

    That's so cool and minimal!

  • @64_bit_coding
    @64_bit_coding 2 роки тому

    Awesome! Can't wait to make it!

  • @rapidloop
    @rapidloop 2 роки тому

    Awesome job

  • @shayanmahmood7480
    @shayanmahmood7480 2 роки тому

    you deserve more

  • @renegade1807
    @renegade1807 2 роки тому

    So amazing, keep up the great work. :) *I did notice a minor issue that if you type a long message into the task field, it does not stay withing the assigned box, and it spreads outside of the box. Apart from that minor issue, amazing job!

    • @CodingNepal
      @CodingNepal  2 роки тому +2

      Glad you like this! You can solve this issue with CSS:
      .task label p {
      word-break: break-all;
      word-wrap: break-word;
      }

    • @renegade1807
      @renegade1807 2 роки тому

      @@CodingNepal Amazing, thanks for the tip. All the best!

  • @amritpandey3537
    @amritpandey3537 2 роки тому

    I love this ❤️❤️❤️😍😍😍😍

  • @webcoding8333
    @webcoding8333 2 роки тому

    Great work man

  • @Techtalkswithnonny
    @Techtalkswithnonny 2 роки тому +5

    Bro
    The real time chat app u made
    Is really helping me
    I already added a user profile
    For each logged in user
    Users can view each other's profile
    But I want to add the option of sending photos and videos in chat
    And also a posting page
    Where users can post feeds
    But it seems hard
    Can u do a video on that please 🙏🙏🙏🙏🙏

  • @podiac
    @podiac 2 роки тому

    Clear and easy

  • @nitujha4884
    @nitujha4884 2 роки тому

    Which backend is better and which should I learn as I am starting my journey to backend development, plz suggest!!!

    • @CodingNepal
      @CodingNepal  2 роки тому

      It depends on what you want to build

  • @surajkumarpradhan667
    @surajkumarpradhan667 2 роки тому

    Awesome one. Just one slight bug - When we change from pending to completed or vice versa , the task is not immediately moved , we can see that after we select the respective tab .

  • @nadevnimnath7021
    @nadevnimnath7021 2 роки тому +1

    Hi,
    Your videos are really cool. Sorry for asking this. Can I upload your chat app to my own domain *with some changes*. Is it Ok for you? Finally, a super video.

    • @CodingNepal
      @CodingNepal  2 роки тому

      Yes, it's okay... You can upload.

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

    can you add reminder in todo app and share it, thanks

  • @bashiwarsame3151
    @bashiwarsame3151 2 роки тому

    where did you get the icons

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

    please try to give your voice it will make the video more easy to understand

  • @nayannandi3596
    @nayannandi3596 2 роки тому +1

    Can you make a video that how to download image from url using javascript from client side without use server side.....

    • @CodingNepal
      @CodingNepal  2 роки тому

      I don't think it might be possible using client side language but you can google for it. If you want it using backend language then here is the video which is about UA-cam thumbnail or any image downloader via url - ua-cam.com/video/FucPPCPDd2Y/v-deo.html

  • @zaurmammadov4521
    @zaurmammadov4521 2 роки тому

    Thanks🙏😊

  • @imhoanghean
    @imhoanghean 2 роки тому

    You can create nodepad online no database with php?

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

    Is this for beginners

  • @webylancers5607
    @webylancers5607 2 роки тому +1

    Astagfirullah Aameen 🙏🤲😍

  • @mastlonda21
    @mastlonda21 2 роки тому

    i want to add count of task left section here how to to do that ??

  • @64_bit_coding
    @64_bit_coding 2 роки тому

    You should create you own inspect menu

  • @muhamadfadillahhidayat2230
    @muhamadfadillahhidayat2230 2 роки тому

    Do you have an explanation how to run the website on localhost?? I don't really understand in that part

    • @CodingNepal
      @CodingNepal  2 роки тому +1

      You've to install live server extension on vs code. Learn more: marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

  • @justChuka
    @justChuka 2 роки тому

    lets discuss the errors and how we got past it here.
    my p.checked wont strikethrough
    console gives error on classList as undefined

  • @_chill_relax_calm4647
    @_chill_relax_calm4647 2 роки тому

    Could you make video tutorial, how to create weather app

    • @CodingNepal
      @CodingNepal  2 роки тому +1

      Here is the video - ua-cam.com/video/c1r-NqYkFPc/v-deo.html

  • @CuriosityBoy-Gupta
    @CuriosityBoy-Gupta 5 місяців тому

    Bro why you .task label input {
    margin-top :6px;}
    How can you decide to Its center to .task 🧐🤔

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

    thanks a lot.

  • @waqasalam_007
    @waqasalam_007 25 днів тому

    How can i learn from you paid course ypur logic building is on next level i also want to do Coding same like you but can't😢

  • @iftybabu
    @iftybabu 2 роки тому

    Brother how can i convert this web page into android/desktop app.. Pls response!

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

    How can we delete all completed task with clear all button and pending task are still exist in local storage ?

  • @sonusingh-kc1yv
    @sonusingh-kc1yv 2 роки тому

    bro can you please create how to build profolio website

  • @dhwaniprajapati6397
    @dhwaniprajapati6397 2 роки тому

    I am getting error for forEach..how to resolve that

  • @dileepmeghwal7243
    @dileepmeghwal7243 2 роки тому

    please make javascript tutorials in simple way

  • @romitsu
    @romitsu 2 роки тому

    Please publish the article on the website. ❤️🙏

    • @CodingNepal
      @CodingNepal  2 роки тому

      It has been published - www.codingnepalweb.com/create-todo-list-app-html-javascript/

  • @diabymohammedibrahim295
    @diabymohammedibrahim295 2 роки тому

    GREAT VIDOE just earned a subscriber, i have a question tho, i keep on getting the error "updateStatus is not defined
    at HTMLInputElement.onclick" how do i fix it?

  • @omorfaruk6986
    @omorfaruk6986 2 роки тому

    E-Commerce JavaScript Tutorial give Shopping Cart from Scratch please bro

  • @radhikataldar
    @radhikataldar 2 роки тому

    hey can you make project on larvel 8 versiom....e commerse web app plzz nd share source code

  • @codebula2421
    @codebula2421 2 роки тому

    Bro make a search box like which is in your website

  • @sammiekihara2824
    @sammiekihara2824 2 роки тому

    Great video.Where can I find the source code sir

    • @CodingNepal
      @CodingNepal  2 роки тому

      Here is the source codes link: www.codingnepalweb.com/create-todo-list-app-html-javascript/

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

    25:20

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

    hi

  • @giftnsonga1356
    @giftnsonga1356 2 роки тому

    😁😁

  • @thanhha5919
    @thanhha5919 2 роки тому

    please don't insert music anymore, let records and guide us how to code step by step

  • @jacka2307
    @jacka2307 2 роки тому

    ✅ Promo-SM!!!

  • @sahilmaharjan3955
    @sahilmaharjan3955 2 роки тому

    absolutely not recommended for beginners