Let's build a CRYPTO Price Tracker with React Native (step by step tutorial)🔴

Поделиться
HTML-код
  • Опубликовано: 5 июн 2024
  • Follow along and build a real Crypto Price Tracker App in React Native. This step-by-step tutorial is a great starting point for developers with any experience even beginners!
    📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev! Check out what our successful students are saying about their experience: academy.notjust.dev/?...
    By the end of this tutorial, you will learn to:
    ✨Set up your first React Native project with Expo CLI
    ✨Run your app on Android and iOS devices/emulators
    ✨Build beautiful UI designs
    ✨Data management with Props and State
    ✨Functional components, hooks (useState, useEffect)
    ✨Structure your project like a PRO
    ✨and more
    🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies):
    assets.notjust.dev/crypto-tra...
    💻Source code: github.com/notJust-dev/Crypto...
    Follow this tutorial:
    Part 2: • Let's build a CRYPTO P...
    Part 3: • Let's build a CRYPTO P...
    Part 4: • Let's build a CRYPTO P...
    Part 5: • Let's build a CRYPTO P...
    💬 Join the notJust Development gang and let's build together:
    Twitter: / vadimnotjustdev
    Instagram: / vadimnotjustdev
    Facebook: / notjustdev
    LinkedIn: / vadimsavin
    Discord: / discord
    Timecodes:
    0:00 How to build a Crypto Price tracker app in React Native
    5:48 Prerequisites for the build
    6:50 Initializing Expo Project
    12:42 Building Coin Item
    1:03:50 Importing Local Data
    1:15:30 Market Cap Normalization Function
    1:23:48 Percentage Change Icon Color
    1:40:44 Custom Header Bar
    2:08:17 Implementing Price Tags
    2:28:42 Implementing & Configuring Chart Package
    3:04:45 Price Converter Function
    3:47:00 Demo of App
    Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
    #VadimSavin #notjustdev #reactnative
  • НаукаНаука

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

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

    📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev in 2023! Check out what our successful students are saying about their experience:
    academy.notjust.dev

  • @user-zv6vl6ne9z
    @user-zv6vl6ne9z 2 года назад

    really really good.
    Thanks. I really appreciate

  • @chacha-tw9pl
    @chacha-tw9pl 2 года назад +3

    Hi, Mr.Vadim
    I know you've created two apps in Uber clone series, but if I wanna add some components based on the same app, is possible using the users' attributes?Such like add custom attributes with boolean, or hardcode my attributes.user.sub in VS code.
    I just got stuck in building an admin panel for a personal E-commerce shop.
    In short, I tried to combine your Uber, Signal, and Amazon clone series , but no idea about creating admin panel for my own shop to get customers' information ( like message, orders,...etc) using the same app.
    I'm still waiting for your full stack course, hope you can see this comment : )

  • @realtorBG
    @realtorBG 2 года назад +1

    probably u r one of the top Mentors here

  • @user-to5el1yk1s
    @user-to5el1yk1s 2 года назад +1

    Вадим, скажи пожалуйста, на експо можно проекты с реакт натив писать? То есть, все твои проекты с реакт можно перенести на експо? тот же тиндер клон, получится?

  • @realtorBG
    @realtorBG 2 года назад +1

    well done guys

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

    Lukas is really good , create content amazing channel thank you very much

  • @aperturemaker
    @aperturemaker 5 месяцев назад

    Great Work !

  • @luqmanhrizal
    @luqmanhrizal 2 года назад +3

    Hi! Really appreciate your kindness to make this Crypto Price Tracker tutos!☺️ Do you mind making tutorial for a full-stack Venmo🔵?

  • @aks8953
    @aks8953 2 года назад

    Do I need to learn JavaScript to do this tutorial I only know c,c++ python ??

  • @gouravnainwaya5669
    @gouravnainwaya5669 2 года назад +1

    Thanks for source code ❤️

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

    good tutorial cracks 😎

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

    What language was on the terminal you used?

  • @januszwdowka3610
    @januszwdowka3610 2 месяца назад

    Hi did someone fixed this problem with rainbow charts? I can't fix it and don't know what to do

  • @christostsm5795
    @christostsm5795 2 года назад +1

    We love Lukas :D

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

    guys can you help me, i used my physical device and i didnt see the dot on the graph?

  • @akporhiegbeking2028
    @akporhiegbeking2028 4 месяца назад

    Hey, I tried cloning the guthub repo but after cloning and installation I get an error saying: Reanimated_module error. Please help.

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

    I am Not Getting That basic Graph for example itself bro some errors Are coming At Export something
    Can Someone Help Me

  • @jaybow27
    @jaybow27 2 года назад

    chúc mọi người ngày mới vui vẻ

  • @ajitsahu4740
    @ajitsahu4740 2 года назад

    great

  • @Quitoss
    @Quitoss 2 года назад

    is there a channel like this for python devs?

  • @ravalbit.mahmadali
    @ravalbit.mahmadali Год назад +1

    Having Problems In Adding chart
    The Error says : RNSVGPath module not found and react-native-gesture-handler not found.
    Tried multiple times but still could not find a solution
    tried linking manually but nothing happened

    • @ravalbit.mahmadali
      @ravalbit.mahmadali Год назад +1

      solved by installing pods every time I installed a new library and closing and running the project again

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

    How to create Crypto currency exchange App

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

    cool nice great

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

    Why my ChartDot is not showing, let's help me pls ?

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

    is there any one here solve a loader issue after installing a rainbow charts please mention your solution

  • @believeclinton9176
    @believeclinton9176 2 года назад +2

    Am having expo go stop working , when I install the rainbow me chat , pls any solution

    • @keithgoddard4192
      @keithgoddard4192 2 года назад

      Same. Seems to be an issue with react-native-gesture-handler... there is a version conflict with a gesture handler method and the Chart library (RNGestureHandlerModule.attachGestureHandler got 2 arguments, expected 3). The rest of the tutorial series becomes completely useless, sadly.

  • @bahtiyarshaymuratov9809
    @bahtiyarshaymuratov9809 2 года назад +1

    hi can you share the code ?

  • @endangsusilowati1548
    @endangsusilowati1548 2 месяца назад

    How to buy?

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

    Hi guys im a bit stuck with the installation of the react native animation , thus my chart is not working please assist if you know of a solution

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

      Mention your problem

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

      @@lokindradangi hi. Basically whenever I try to use the charts the app either crashes or gives me an error of rngesture expected 3 args but got 2 , I followed rainbow charts exactly but still same problem

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

    Is this support Windows

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

    1:11:07 , Спасибо за запись)

  • @piyushpiyush919
    @piyushpiyush919 2 года назад +1

    does this build have redux

  • @sainathgaikwad4778
    @sainathgaikwad4778 8 месяцев назад

    TypeError: _ReanimatedModule.default.createNode is not a function (it is undefined), js engine: hermes
    ERROR Invariant Violation: "main" has not been registered. This can happen if:
    * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
    showing this error please help me!!

    • @luyolopondo9934
      @luyolopondo9934 7 месяцев назад

      I got the same error i need some help>

    • @sainathgaikwad4778
      @sainathgaikwad4778 7 месяцев назад

      @@luyolopondo9934there is library issue of reanimated

  • @elelion6063
    @elelion6063 2 месяца назад

    thanks for sharing this video #mrfishvlogs

    • @notjustdev
      @notjustdev  2 месяца назад

      Thanks for watching!

  • @alatisetosin1492
    @alatisetosin1492 2 года назад +1

    Hy, @Vadim
    I really appreciate your good work, Not yet earning but when I do I will definitely send you a gift 😎🌹
    I am facing an issue with the chart it is working well on Ios physical device but keep terminating my android emulator and the android physical device NO red screen No error report,
    hope to get a solution soon

  • @kelwinanim4rt966
    @kelwinanim4rt966 6 месяцев назад

    where's the data files?

  • @kashifharoon7707
    @kashifharoon7707 2 года назад

    Hello sir

  • @muhammadarsalanmanzoor3938
    @muhammadarsalanmanzoor3938 2 года назад +7

    crashing app after installing chart js library

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

      did u fix?

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

      Same here waht's your error can you mention so that we can discuss

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

      @@thatolebethe8896 can you fix it

    • @ravalbit.mahmadali
      @ravalbit.mahmadali Год назад

      I got error after installing rainbow react-native-animated-charts library

  • @kashifharoon7707
    @kashifharoon7707 2 года назад

    Wedmegood app clone can you make?

  • @mariacristinaarezzi
    @mariacristinaarezzi 6 месяцев назад

    Hello

  • @user-to5vz9sw8w
    @user-to5vz9sw8w 2 месяца назад

    1

  • @kashifharoon7707
    @kashifharoon7707 2 года назад

    Please tell me sir

  • @user-sq7si4jz5h
    @user-sq7si4jz5h 3 месяца назад

    ❤mer

  • @shubhamkumargupta3478
    @shubhamkumargupta3478 2 года назад +1

    anything could be small 🤣🤣🤣

  • @kashifharoon7707
    @kashifharoon7707 2 года назад

    Why u delete my comment

  • @kashifharoon7707
    @kashifharoon7707 2 года назад

    ?

  • @mysterynights6255
    @mysterynights6255 2 года назад

    Rainbow animated charts not working showing loader problem
    please suggest anything

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

      BUMP!!! Please this is killing me.

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

      Also stuck but I saw on discord someone used wagmi charts

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

      Hey you solve it or not if please mention loader solution

  • @kashifharoon7707
    @kashifharoon7707 2 года назад

    ?