Build a FinTech Clone with React Native (API Routes, Zustand, Tanstack Query, FaceID, Charts, Clerk)

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

КОМЕНТАРІ • 264

  • @abderahmanMOUSSAOUI
    @abderahmanMOUSSAOUI 9 місяців тому +19

    Personal Tracker
    04/04 - THE END ~ Thanks so much Simon 🙏
    04/03 - 3:47:35
    04/01 - 2:12:18
    03/31 - 2:03:26
    03/30 - 1:31:13
    03/28 - 1:04:33
    03/27 - 0:56:52
    03/26 - 0:18:16

  • @ItsDeffoScott
    @ItsDeffoScott 2 місяці тому +2

    At 4:01 there is an undefined error, as Simon identifies it is because tickers is undefined at some point but this can also still cause issues if we are awaiting a response, you can add 'isSuccess &&' after 'tickers && 'to the condition where isSuccess is a variable extracted from the tanstack query. isSuccess is a boolean value on whether your api call was successful.
    And also want to say thanks to Simon for another excellent video for upskilling.

  • @amirfarkhadov5926
    @amirfarkhadov5926 Місяць тому +2

    I just got a job at a fintech company, and i was re-writing the main application. I have faced some many challenges that you address here. Thank you! I will work on this tutorial this weekend. I am so excited!

  • @bradhanks7837
    @bradhanks7837 9 місяців тому +6

    It’s cool to see these right when they first come out!

  • @4Biddenn
    @4Biddenn 9 місяців тому +6

    Bro 2 days back I was thinking to build Revolut Clone and here you built it.

    • @galaxies_dev
      @galaxies_dev  9 місяців тому +3

      I can read minds 👀

    • @4Biddenn
      @4Biddenn 9 місяців тому +3

      @@galaxies_dev please make video on how to read minds 😄😄😄

  • @tomcat1112k
    @tomcat1112k 2 місяці тому +1

    in these 2 days I learned a lot from you. especially the community plugins and codes.
    thank you so much for making this video and I wish you keep making cool videos like these in future.
    love and support

    • @galaxies_dev
      @galaxies_dev  2 місяці тому +1

      Glad I could help and you are very welcome!

  • @jak3f
    @jak3f 9 місяців тому +4

    Amazing video Simon. You single handedly taught me react and expo.

    • @galaxies_dev
      @galaxies_dev  9 місяців тому

      Wow that is amazing, thank you so much!

  • @teminoah2960
    @teminoah2960 9 місяців тому +2

    This information is indeed worthwhile. Thanks Simon

  • @uiuxengineer
    @uiuxengineer 9 місяців тому +1

    Great news, Simon! Will wait for the video

  • @RicardoValus
    @RicardoValus 9 місяців тому +1

    I just started following your channel, thank you for making your classes available!

  • @tomcat1112k
    @tomcat1112k 2 місяці тому

    you should've mentioned in the intro about pro version of clerk for SMS verification. I took me a whole day to figure out and complete email authenticaiton.

  • @AgustinAstronomy
    @AgustinAstronomy 7 місяців тому

    Why didn't you include isLoaded and segments in that use effect dependency array? ( at 1:28:36 )

  • @AllAroundFlight
    @AllAroundFlight 8 місяців тому +2

    seems like almost perfect, just need to somehow get a datastorage behind everything. But will look at the video and just get started :)

  • @OluwatayoDamiloladavidCy-mo4ig
    @OluwatayoDamiloladavidCy-mo4ig 19 днів тому

    Thank you, Mr. Adrian. But i have a question what about the screens for the drivers?. How will they be able to accept the ride and get paid

  • @shubhamranjan4596
    @shubhamranjan4596 7 місяців тому +5

    google hired me after this project ,thanks sir

  • @vojtasks
    @vojtasks Місяць тому +1

    This is awesome dude, helped me a lot.

  • @FULLUPE1
    @FULLUPE1 8 місяців тому +2

    woo Thank you sir , one of the best learning platform ....

    • @galaxies_dev
      @galaxies_dev  8 місяців тому

      Glad to hear that you enjoy the content :)

    • @FULLUPE1
      @FULLUPE1 7 місяців тому

      @@galaxies_dev pls sir i don't know why OTP not receive .....

  • @johnmccants6828
    @johnmccants6828 9 місяців тому +6

    Can't wait for the API routes with Expo Router!

  • @tutkuns
    @tutkuns 8 місяців тому

    8:45 - How can I get the plugin that has the dropdown list in Terminal?

  • @satanist70
    @satanist70 7 місяців тому

    Саймон, привет, спасибо тебе огромное за твои видео, они действительно очень сильно помогают на практике узнать очень много нового и полезного про React Native!
    Simon, hello, thank you very much for your videos, they really helpful to know many new and useful things in practice about React Native!

  • @mpumuropatrick4288
    @mpumuropatrick4288 8 місяців тому +2

    Hi sir i tried to follow you step by step but got stuck when I use zustand and mmkv and zeego the errors are ( ERROR Error: react-native-mmkv is not supported in Expo Go! Use EAS (`expo prebuild`) or eject to a bare workflow instead., js engine: hermes ) is for mmkv
    and the second error is Invariant Violation: requireNativeComponent: "MenuView" was not found in the UIManager help me sir

    • @voiciray
      @voiciray 8 місяців тому

      did you try reproducing your issue on the github repo that is in the video comments?

    • @kreten780
      @kreten780 Місяць тому

      A little bit late.
      These 2 libraries cannot be used with Expo Go. You need to use expo prebuild since they are using native APIs.

  • @barbarojaviervalmasedavazq9713
    @barbarojaviervalmasedavazq9713 4 місяці тому +1

    Thanks SImmon, your works is amazing

  • @bayoudev
    @bayoudev 8 місяців тому +2

    I just finished it! Thank you so much

  • @kidthree
    @kidthree 2 місяці тому

    Great video. I would like to mention that every time we installed a new dependency I had to do a bunch of debugging and changing build environments. Specifically for Android. You should make a note about that because I lost hours just to get things to work on every npm intall

    • @galaxies_dev
      @galaxies_dev  2 місяці тому

      That sounds very strange, normally it's just re-running the run command!

  • @dondragon2
    @dondragon2 26 днів тому

    What plugin are you using for the terminal for this autocomplete drop-down?

  • @iyobosabetty5703
    @iyobosabetty5703 9 місяців тому +1

    Sir am so happy to be here

  • @fluxsiarski
    @fluxsiarski 5 місяців тому

    Idk, yesterday I completed Auth 1:20:00, and the next day it shows a registration error
    !UPDATE: 04.07.2024
    I am a stupid . After registration it should be obvious that I can't register again with the same number, that's why I got the error.

    • @SahilBhosale08
      @SahilBhosale08 5 місяців тому +1

      😂Happens

    • @TechInstallGuide
      @TechInstallGuide 3 місяці тому

      Hey Man Can you help me? ERROR TypeError: window.addEventListener is not a function (it is undefined), js engine: hermes when ever i try to use clerk provider it gives me this error

  • @ericsonl_
    @ericsonl_ 9 місяців тому +1

    Thank you for this especially the app icon customizable. Hopefully you can also try to create an home widget using expo

    • @galaxies_dev
      @galaxies_dev  9 місяців тому

      Good idea for a future video!

  • @simielxx
    @simielxx 8 місяців тому

    Hello Simon, please is it possible to use zustand for lock state management. Thank you

  • @smile-dev
    @smile-dev 8 місяців тому +1

    Hey Simon, not sure it is what you meant about the command but just cd to the directory and "code -r ."
    you forgot the dot

    • @galaxies_dev
      @galaxies_dev  8 місяців тому +1

      Thanks, will give it a try!

  • @fullstackcoder1181
    @fullstackcoder1181 8 місяців тому +2

    I'm getting "Cannot find native module 'ExpoApplication' " error when I try to run app in dev client. Does anyone know how can I fix it ?

    • @zackfine4542
      @zackfine4542 8 місяців тому

      I'm also getting this

    • @rishabh1S
      @rishabh1S 7 місяців тому

      @@zackfine4542 at what part?

  • @ikeodira4761
    @ikeodira4761 6 місяців тому +1

    Please I can't connect to clerk, what could be the problem?

  • @TheBotMir
    @TheBotMir 2 місяці тому

    To open a folder in vscode within the terminal you have to first cd into the folder you want to open then use the ‘code .’ command

    • @galaxies_dev
      @galaxies_dev  2 місяці тому +1

      you can actually do it with "code -r foldername" as well!

  • @msv900
    @msv900 8 місяців тому +1

    After installing clerk packages my app stopped working and getting a error Error: Cannot find native module 'ExpoApplication', js engine: hermes not sure what do to

  • @cryptotipsandtrends
    @cryptotipsandtrends 9 місяців тому

    How about implementing a referral system for the users? Any SDK we can use?

  • @johnycache
    @johnycache 6 місяців тому

    In terms of apple messing up with PWAs - are react native apps more future proof in this sense?
    i.e. Would react native apps suffer any of the same setbacks as PWAs?
    Thanks!

  • @uminhtetoo
    @uminhtetoo 9 місяців тому +1

    Thank you so much for sharing your experience and knowledge, Sir.

  • @AndreiKashkan
    @AndreiKashkan 6 місяців тому

    Hi Simon, great content.
    May I ask you how I can lock screen in landscape mode on tablet devices (android tablets)?
    Thank you!

  • @zakmnmoh
    @zakmnmoh 9 місяців тому +1

    Great News, let us see how react-native can compete in Fintech apps compared to other C#, Nodejs and Ionic (Angular). Is it possible to take it into production level in the app store?

  • @KelthozT1
    @KelthozT1 9 місяців тому

    Awesome video! And also, I love how your VS looks like. Which theme or personalization do you have?

    • @galaxies_dev
      @galaxies_dev  9 місяців тому +1

      I use Shades of Purple!

    • @KelthozT1
      @KelthozT1 8 місяців тому

      @@galaxies_dev Thank you so much! I want to see all your videos!

  • @madmaxdev
    @madmaxdev 9 місяців тому +1

    This going to be lit🔥

  • @ted.larsson
    @ted.larsson 8 місяців тому

    Are you sure the signOut function is working? I might have messed something up in the top _layout file but when i try to signOut with clerks useAuth signOut method, i get a warning, Possible unhandled promise rejection, (id:0): error: No native splash screen registered for given view controller. Call 'SplashScreen.show' for given view controller first.
    As I understand it the entire file is re rendered when isSigned in updates and since the splash screen is not shown it cannot hide it again and the app crashes

  • @leonalex330
    @leonalex330 8 місяців тому

    what extension are you using to show the colors from your constants?

  • @ntindaSnyper
    @ntindaSnyper 6 місяців тому

    I need to watch this fully!

  • @icodeal2210
    @icodeal2210 5 місяців тому

    unfortunately it looks like clerk auth isn't supported in my country what alternative can i use ?

  • @marcosromero5938
    @marcosromero5938 9 місяців тому

    Amazing! I was stucked with Expo until I knew about you. I have a question. What happen with the local storaged transactions if you log in the app with another user? I did a test and I guess everyone logged in can see it, I don't know if I'm doing something wrong or in a real app there is a better way to do all this stuff. Thank you very much!

    • @greyshopleskin2315
      @greyshopleskin2315 8 місяців тому +1

      I didnt see the whole video, I’m just a curious backend guy but I can guess what happens.
      Yes, in a real app this would be handled differently.
      The data would come from a server.
      You don’t really want your local storage to be the source of truth.
      And obviously you don’t want to make a request every time you need transaction logs.
      So you would have 1 api client class that implements some interface (TransactionRepository?) and another one that takes in the constructor that class and uses it to get the data, but it handles caching.
      When your code uses that class to get data, it checks the time to live of chached data and returns it or invalidates it and makes an API request, chaching the result.
      The transactions cache should be per user. So for example in a KV store you can prepend username/ to each key. In sqlite you filter by a user column.
      To be more resilient against developers mistakes, depending on the project it could be a good idea to invalidate cached information (all users).

  • @rohanrana232
    @rohanrana232 6 місяців тому

    How to create the tooltip for cartesian chart in javascript ?

  • @kraldragon1324
    @kraldragon1324 4 місяці тому

    thank you for sharing this video it was an amazing and i learned a lot from you. appreciate it

    • @galaxies_dev
      @galaxies_dev  3 місяці тому

      If you enjoyed it, could you share the channel with your RN buddies? ️👋
      Thanks!

  • @AllAroundFlight
    @AllAroundFlight 8 місяців тому

    Hey Simon, got another small question. I tried to get Zeego working, seems to do everything correctly except adding in the icons. I am not using Ios rather android, but tried folowing the doku or you made the icon not appear. You have small example there? Btw, do you also have a discord to hang out and maybe ask some questions?

  • @TechInstallGuide
    @TechInstallGuide 3 місяці тому

    ERROR TypeError: window.addEventListener is not a function (it is undefined), js engine: hermes how to solve it i m stuck here

  • @christophermungiria2876
    @christophermungiria2876 7 місяців тому

    I discovered your channel a few weeks back and I really enjoy your content. I have a question. How do you get autocomplete on your terminal?

  • @josephikinda7174
    @josephikinda7174 7 місяців тому

    Hey Simon Grimm, i'm on windows but i wanted to debug on a iPhone, is threre a solution for prebuild ?

  • @brodyolabarriaga1316
    @brodyolabarriaga1316 8 місяців тому

    Hi great video, do you know why my api routes just return the page html?

  • @usmanmarkaz
    @usmanmarkaz 9 місяців тому

    is face ID package work properly in Andorid why you don't use Android Emulator

  • @poupCode
    @poupCode 5 місяців тому +1

    where you install mmkv ? what part inthis video ?

    • @Be_Confident11
      @Be_Confident11 5 місяців тому +1

      I'm thinking about to start this video is that worth it???????

    • @poupCode
      @poupCode 5 місяців тому +1

      Because im error when i install it unable create instance

    • @galaxies_dev
      @galaxies_dev  5 місяців тому +1

      It's at 01:52:01

  • @diegoletelier502
    @diegoletelier502 9 місяців тому +1

    Hey, i got some error with the expo av. My video doesn't render properly. And i got the same code as you

    • @ian2neko
      @ian2neko 8 місяців тому

      I also unable to see the video on my Android device. I dont receive error from expo av but I tested my Android is unable to play the intro.mp4. I have to replace the video with another one and then my problem fixed.

    • @diegoletelier502
      @diegoletelier502 8 місяців тому

      @@ian2neko you just replace the video and thats all? The vid from the file that is on the code it doesn't work on android. You think i should replace de video?

    • @ian2neko
      @ian2neko 8 місяців тому

      @@diegoletelier502 I am not sure whether you have the same problem as me. You can test sending the video to your device and play it. If it plays, you are having different problem.

    • @prodeath2200
      @prodeath2200 8 місяців тому

      For me:
      on Android emulator, the file size is too big to be allocated in the memory which caused an error,
      - you can lower the video size or change it to much smaller one (I Didn't do that)
      or (what I did)
      add android:largeHeap="true" in androidmanifest.xml inside the like this

  • @filipewolfboeck9255
    @filipewolfboeck9255 6 місяців тому

    What about taking this application and developing it for Android?

  • @cataneo
    @cataneo 6 місяців тому

    @galaxies_dev, the "npx expo prebuild" simply destroys the project for me, it's unable to install cocoapods and I cannot run the app. I tried installing manually, does not work. Any suggestions?

    • @galaxies_dev
      @galaxies_dev  5 місяців тому

      That's strange, I never experienced issues with prebuild :/ Is your app.json set up correctly? Do you have the native SDKs and tools installed?

  • @hasantayar586
    @hasantayar586 8 місяців тому +1

    can u please explain how i can fix expo build on ios ?

  • @vamsimohanchowdary
    @vamsimohanchowdary 7 місяців тому

    hey, here presentation: 'modal not working in android working in iOS

  • @DevJariwala-nd7dx
    @DevJariwala-nd7dx 9 місяців тому

    can you make an application that can receive the notification if the application is closed or does not have internet

  • @MersiliaWax
    @MersiliaWax 4 місяці тому

    what extensions are you using for vscode?

  • @bryaniban2678
    @bryaniban2678 7 місяців тому

    what are the alternative for OTP?

  • @matkomilic8382
    @matkomilic8382 6 місяців тому

    i wonder why tanstack query wasnt enough for state management but also zustand was used? (i didnt watch the video yet)

    • @ebichu8126
      @ebichu8126 2 місяці тому

      Component state with zustand.
      Global state with query

  • @manisharya2138
    @manisharya2138 8 місяців тому +1

    Amazing app contains lots of information and use multiple tolls is really awesome.
    please make a tutorial for e-commerce app which using all this tolls.

  • @MaiAurMikky
    @MaiAurMikky 7 місяців тому +1

    Great video ❤

  • @adelekeabiodun9991
    @adelekeabiodun9991 7 місяців тому +1

    you just get a new subscriber bro

  • @bpena610
    @bpena610 4 місяці тому

    In the api route the ExpoRequest is deprecated. Do we just use the regular Request from react native?

    • @dedanmsafari8213
      @dedanmsafari8213 4 місяці тому

      yes ,use Request and Response according to the expo documentation

  • @sohaibeboss
    @sohaibeboss 8 місяців тому +2

    the video of the first screen didn't load for me

    • @iammakafui5667
      @iammakafui5667 7 місяців тому

      this worked for me. Require the video directly instead of using assets
      change: source={{ uri: assets[0].uri }}
      to: source={require('@/assets/videos/intro.mp4')}

    • @sohaibeboss
      @sohaibeboss 7 місяців тому

      @@iammakafui5667 thanks

  • @AGUNGKAYA
    @AGUNGKAYA 8 місяців тому

    Sir do you give up on angular/ionic thing?😮😢

  • @cpimenteldev
    @cpimenteldev 8 місяців тому

    I love your content, really awesome... 🎉

  • @hasantayar586
    @hasantayar586 8 місяців тому

    can u please make a video that explains how i can fix expo build on ios because that im not using expo to make native projects

  • @Pedro-hz4lf
    @Pedro-hz4lf 4 місяці тому

    Is it possible to integrate a crud in laravel in this project?

  • @ShiranAthukorala
    @ShiranAthukorala 5 місяців тому

    clerk not support Sri Lankan country code and some of most country codes..so please do phone auth with some other ....thanks🤔

  • @devbyveritech
    @devbyveritech 23 дні тому

    How secure is clerk in a real production????

  • @AkhilMalviya03
    @AkhilMalviya03 3 місяці тому +1

    that's is amazing and impressive

  • @umehstanley3140
    @umehstanley3140 9 місяців тому

    how to integarte backend to this and add payment methods

  • @ujjwalanand6687
    @ujjwalanand6687 3 місяці тому +1

    amazing tut

  • @Anshiakhileshmj
    @Anshiakhileshmj 5 місяців тому

    Please share an video of how to setup this GitHub repository in windows.

  • @amitbaderia6385
    @amitbaderia6385 3 місяці тому

    Video not playing on andorid. Not visible

  • @gigabit03
    @gigabit03 7 місяців тому +1

    " code . -r " that is the command to open on the current windows in VSCode.

    • @galaxies_dev
      @galaxies_dev  7 місяців тому +1

      Thank you!

    • @gigabit03
      @gigabit03 7 місяців тому

      @@galaxies_dev Thanks to you for all the good you share

  • @emmzzyvibes1655
    @emmzzyvibes1655 Місяць тому

    i'm not been able to access clerk website
    is it just me?

  • @mpumuropatrick4288
    @mpumuropatrick4288 8 місяців тому

    thank you sir for sharing amazing skills. I followed the tutorial and I got stuck about code verification I cannot receive the verification code on my phone can you please help me

  • @zlatkoiliev8927
    @zlatkoiliev8927 7 місяців тому

    Hey Simon, I am using the latest version of Expo 51. And when I install zeego and try to run the ios emulator I got the following error:
    Error: Cannot find native module 'RNIContextMenuView', js engine: hermes
    Can you please help?

  • @ojas4205
    @ojas4205 8 місяців тому

    While doing the widgets in android is anyone getting the engine error. Expected 0 arguments but got 1

  • @parholikho3862
    @parholikho3862 8 місяців тому

    well is anybody getting the error message: Android Bundling failed 948ms (C:\Users\user\Desktop\app\Fintech
    ode_modules\expo-router\entry.js)
    Unable to resolve "expo-application" from "node_modules\@clerk\clerk-expo\dist\singleton.js"

    • @nadernagat5737
      @nadernagat5737 7 місяців тому

      me too my friend !
      did you found a solution ?

  • @anthonycaneke7382
    @anthonycaneke7382 8 місяців тому +1

    Wow, thank you!!

  • @MarkChaney
    @MarkChaney 3 місяці тому

    This doesnt appear to have an App.js in the repo. Am I missing something?

    • @galaxies_dev
      @galaxies_dev  2 місяці тому +1

      This is using Expo Router, there is no need for an app.js!

  • @huynhphatat3919
    @huynhphatat3919 9 місяців тому

    What about integrating TailwindCSS into project in the next video?

    • @galaxies_dev
      @galaxies_dev  8 місяців тому +1

      Yeah waiting for the next Nativewind release!

  • @Hari-o4h
    @Hari-o4h 9 місяців тому

    I dont even see the video in the screen followed the same code... But if i paste the image link from any website it works.. Why the local video is not visible?? I'm currently doing in android emulator

    • @bieniask
      @bieniask 6 місяців тому

      did you fix that mistake?

  • @omjagtap3432
    @omjagtap3432 9 місяців тому

    How to start with react native after angular is it necessary to know react js

    • @galaxies_dev
      @galaxies_dev  8 місяців тому

      No, I think you can pick up React while learning React Native!

  • @고병차
    @고병차 5 місяців тому

    hi simon it's very good video very helpful to me. and after i did, i have just one question. is it okay to make ui just using px? like height: 60? shouldn't it be responsive ui?

    • @galaxies_dev
      @galaxies_dev  5 місяців тому +1

      If you use fixed values your UI won't be responsive, so it's usually not a good idea

  • @Vintersorganic
    @Vintersorganic 8 місяців тому

    ERROR Error: Cannot find native module 'ExpoApplication', js engine: hermes
    No luck finding a solution to this. Anyone?

  • @AjaySingh-jz8qx
    @AjaySingh-jz8qx 9 місяців тому +1

    Simply Nice😊😊

  • @Gangbuster74
    @Gangbuster74 6 місяців тому

    I am facing this error Cannot find native module RNIContextMenuView' , on. Mac as well on Windows I am using a physical device through expo go can anyone pls help

  • @leocrawf
    @leocrawf 6 місяців тому

    does anyone have an issue getting the video to show on android?

  • @biomatrix8154
    @biomatrix8154 9 місяців тому

    Can u give Ionic some luvin? Version 8 beta is out.

  • @hasantayar586
    @hasantayar586 8 місяців тому

    hi dude which version of XCODE are you using?

    • @RandyAugustus
      @RandyAugustus 8 місяців тому

      I think the min version is 14.

  • @mugerwaobadiah1621
    @mugerwaobadiah1621 9 місяців тому

    awesome, y not use nativewind for styling

  • @abderahmanMOUSSAOUI
    @abderahmanMOUSSAOUI 9 місяців тому +3

    waiting ...
    why not today, since the tutorial is made