How to create a Todo List App Using HTML, CSS & JavaScript | JavaScript Project tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 พ.ย. 2024

ความคิดเห็น • 41

  • @GowthamTirri
    @GowthamTirri  8 หลายเดือนก่อน +7

    1-on-1 Classes with me : www.buymeacoffee.com/gowthamtirri/e/219232
    Like this video and comment what you want next! Checkout channel for more projects

  • @chirag9341
    @chirag9341 8 หลายเดือนก่อน +3

    Amazing tutorial 💯🔥

  • @gaiety5219
    @gaiety5219 20 วันที่ผ่านมา +3

    The tutorial is great, but there are a lot of typo errors during the code-along. One minute, you'll type something and come back later to realize that the tutor had a typo error and corrected himself without your knowledge, giving me so many errors and my code not showing what I wanted. But thanks to Chat GPT, the errors from typos were corrected. This video is definitely not for beginners in JS

    • @PW-motivation672
      @PW-motivation672 5 วันที่ผ่านมา

      can you send your code coz too much error in his code

  • @RoseAndraMaria
    @RoseAndraMaria 2 หลายเดือนก่อน +2

    I love it! I added something extra myself.

  • @AishaLadan-n7c
    @AishaLadan-n7c 4 หลายเดือนก่อน +1

    Awesome tutorial! I am definitely subscribing

    • @GowthamTirri
      @GowthamTirri  4 หลายเดือนก่อน

      Thanks user-ts8ih2iv6h 😅❣️

  • @RudraPatel-w7l
    @RudraPatel-w7l 2 หลายเดือนก่อน +1

    the video is code is edited between can't you give full code

  • @sai_mohan_sattari1393
    @sai_mohan_sattari1393 8 หลายเดือนก่อน +2

    🎉🎉🎉

  • @htooh2921
    @htooh2921 4 หลายเดือนก่อน +1

    Source code isn't available for free,ok not a prbm but y not img?

    • @GowthamTirri
      @GowthamTirri  4 หลายเดือนก่อน

      You can get such icons from svgrepo.com

  • @Anku__Melodies
    @Anku__Melodies 3 หลายเดือนก่อน +1

    Nice 👍👍👍 it's very helpful 👍👍

    • @GowthamTirri
      @GowthamTirri  3 หลายเดือนก่อน

      Glad it helped you Ankitha! Subscribe for more
      Happy coding!

  • @sai_788
    @sai_788 4 หลายเดือนก่อน +1

    amazing bro

    • @GowthamTirri
      @GowthamTirri  4 หลายเดือนก่อน

      🙌 Thanks bro

  • @ANUSHANAIK-ks4ec
    @ANUSHANAIK-ks4ec หลายเดือนก่อน

    Completed😊

    • @GowthamTirri
      @GowthamTirri  หลายเดือนก่อน

      Amazing! Anushka, Share it online.

  • @yashwanthbharadwaj
    @yashwanthbharadwaj 8 หลายเดือนก่อน +2

    😀😀

  • @johnjennings8913
    @johnjennings8913 2 หลายเดือนก่อน +1

    a little to fast for a beginner

  • @ShwetaSingh-xu2zz
    @ShwetaSingh-xu2zz หลายเดือนก่อน

    source code

  • @indusstream946
    @indusstream946 3 หลายเดือนก่อน

    Thanks a lot.

    • @GowthamTirri
      @GowthamTirri  3 หลายเดือนก่อน

      Thanks for comment! Subscribe for more.

  • @Modassarislamk
    @Modassarislamk 2 หลายเดือนก่อน

    Atleast add some demi links to test your site before buying it

    • @GowthamTirri
      @GowthamTirri  2 หลายเดือนก่อน

      It would be same as in the video demo

  • @ENagamani-yl1ub
    @ENagamani-yl1ub หลายเดือนก่อน

    Stats-numbers css property didnt wrote na

    • @GowthamTirri
      @GowthamTirri  หลายเดือนก่อน

      Elaborate!

    • @ENagamani-yl1ub
      @ENagamani-yl1ub หลายเดือนก่อน

      Stats-numbers class wrote in html but didnt wrote in css

    • @ENagamani-yl1ub
      @ENagamani-yl1ub หลายเดือนก่อน

      Also numbers is not aligned as u shown

    • @ENagamani-yl1ub
      @ENagamani-yl1ub หลายเดือนก่อน

      :root{
      --background: #000430;
      --secondaryBackground: #171c48;
      --text: #fff;
      --purple: #828dff;
      --teal: #24feee;
      }
      *{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      }
      body{
      background-color: var(--background);
      color: var(--text);
      }
      .container{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 500px;
      margin: 120px auto 0 auto;
      }
      .details{
      width: 100%;
      }
      form{
      margin-top: 60px;
      width: 100%;
      display: flex;
      gap: 10px;
      }
      input{
      padding: 16px;
      flex: 1;
      background: var(--secondaryBackground);
      border: 1px solid var(--purple);
      border-radius: 10px;
      outline: none;
      color: var(--text);
      }
      button{
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--purple);
      color: var(--text);
      font-size: 30px;
      font-weight: bold;
      }
      #progress{
      width: 50%;
      height: 10px;
      background-color: var(--teal);
      border-radius: 10px;
      transition: all 0.3s ease;
      }
      .stats-container{
      padding: 10px;
      border-radius: 10px;
      border:2px solid var(--purple);
      display: flex;
      justify-content: space-between;
      gap: 50px;
      width: 100%;
      }
      #progressBar{
      width: 100%;
      height: 10px;
      background-color: var(--secondaryBackground);
      border-radius: 5px;
      margin-top: 20px;
      }
      #numbers{
      width: 100px;
      height: 100px;;
      background-color: var(--purple);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 30px;
      font-weight: bold;
      }
      can u check once plzz

  • @khushii.b
    @khushii.b 4 หลายเดือนก่อน +1

    can you provide source code pls

    • @GowthamTirri
      @GowthamTirri  4 หลายเดือนก่อน

      You can buy it from the link in description for just $2, If you really can't afford DM me in instagram

    • @khushii.b
      @khushii.b 4 หลายเดือนก่อน

      @@GowthamTirri free source code

    • @khushii.b
      @khushii.b 3 หลายเดือนก่อน

      @@arpxz8319 so can you give me

    • @pavitrarupa8716
      @pavitrarupa8716 3 หลายเดือนก่อน

      @@khushii.b hey did u recieve it?

    • @khushii.b
      @khushii.b 3 หลายเดือนก่อน

      @@pavitrarupa8716 no i didn't

  • @dskgaming4217
    @dskgaming4217 3 หลายเดือนก่อน +3

    Ask her out 😂

    • @GowthamTirri
      @GowthamTirri  3 หลายเดือนก่อน

      Haha do it, after finishing this project

  • @CodeWithOgochukwu
    @CodeWithOgochukwu 3 หลายเดือนก่อน +1

    Nice