Build a Weight Tracker with Vue JS | Composition API Vue 3

Поделиться
HTML-код
  • Опубликовано: 20 май 2024
  • Learn how to build a weight tracker using Vue JS and the composition API. We use Vue's watch, nextTick, ref, shallowRef and computed along with Chart JS to create a visual weight tracker!
    Source code: github.com/TylerPottsDev/yt-v...
    // JOIN THE DISCORD SERVER!
    / discord
    // BECOME A MEMBER TO UNLOCK MORE CONTENT!
    ruclips.net/user/tylerpottsjoin
    // MY GEAR FOR CODING AND RUclips
    Blue Yeti Microphone: amzn.to/3jr3l7T
    Microphone Stand: amzn.to/35B9LMN
    Chair: amzn.to/3dWds3F
    Thunderbolt Dock: amzn.to/3osBF6u
    Monitor: amzn.to/37I8KoR
    Screenbar Light: amzn.to/3iFRS7w
    All of these products I own and have tested!
    // FOLLOW ME ON TWITTER
    / tyler_potts_
    // INTERESTED IN GAME DEV?
    Game development channel: / muddywolf
    // CHECK OUT MY GAME
    play.google.com/store/apps/de...
    // DO THESE SIMPLE STEPS
    LIKE, SUBSCRIBE & SHARE
  • ХоббиХобби

Комментарии • 21

  • @premodsuraweera
    @premodsuraweera Год назад +3

    Thank you,I am new to learning this, glad to see your video, keep doing something like this

  • @yanDev
    @yanDev Год назад

    very good videos which casually uses a lot of notions which are far from easy like shallowRef(), nextTick() and the configuration of a canvas with chartJS which can be scary the first time

  • @paws7983
    @paws7983 Год назад

    I always click your videos immediately without hesitation 😃

  • @amiralirezaei2108
    @amiralirezaei2108 Год назад +5

    Thanks for creating such awesome content

    • @TylerPotts
      @TylerPotts  Год назад +1

      Thank you for taking the time to watch my content! 💖

  • @user-iy2hd6ix9j
    @user-iy2hd6ix9j Год назад

    super! thank you!

  • @juguetestoys1137
    @juguetestoys1137 Год назад

    Hi Tyler ! Great project as always ! Can you add the functionality to keep the data when reloading the page?

  • @codeek0
    @codeek0 Год назад

    fantastic one

  • @colubusu
    @colubusu Год назад

    Hey. Cool video and a loot of good tutorials. Keep up the great work. One problem i had on this code, when i try to use " options: { responsive: true }" when i go on we and try to use some value on the Add weight box, it wont update in real time the next value. I need to click the Weight pink button and click it again to show me the grid. So i delete the "options: { responsive: true }" the VS Code give me some errors. I don't have something installed in my VS Code ? or i did something wrong ?

  • @amirtorabi3978
    @amirtorabi3978 Год назад +4

    Please make a dashboard using vue and chartjs

  • @igormuryy5722
    @igormuryy5722 Год назад +1

    Круто, спасибо

  • @sadikkabirahmad9571
    @sadikkabirahmad9571 Год назад

    thats viry nice and am following ur videos but this I have some issues with especially on chart I cant do that how can u help me

  • @marcelneohanshenghci8682
    @marcelneohanshenghci8682 Год назад

    WIll you be doing more discord.js videos?

  • @cheekycrex7684
    @cheekycrex7684 Год назад

    Would be cool if the values are saved on a database or a json file ;)

  • @FakeMister
    @FakeMister Год назад +3

    Dude I am a fan of yours since long time, I do really appreciate your projects but please more React!!! Long time since the last React project and it was amazing

    • @adampotts6935
      @adampotts6935 Год назад +3

      plenty of react tutorials. stick with vue

    • @FakeMister
      @FakeMister Год назад +1

      Sure but i love his way of coding and teachong that's why i am asking

    • @TylerPotts
      @TylerPotts  Год назад +2

      Don't worry I'll be doing loads of Vue and react videos in the future!

  • @KeithFonsi
    @KeithFonsi Год назад +1

    first comment

    • @TylerPotts
      @TylerPotts  Год назад

      Well second but still SPEEEEEED 😂

  • @carlosquinto1383
    @carlosquinto1383 Год назад

    I really didn't get what shallowRef(), nextTick() do