Building an e-Scooter App with React Native and Mapbox

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

КОМЕНТАРІ • 67

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

    I was looking for mapbox tutorials + expo and I think this is the best. Also the longest tutorial 😅
    thanks for sharing, greetings from Spain 👍

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

      Glad it was helpful! Cheers! 🙌

  • @amermoosa
    @amermoosa 5 місяців тому +3

    We're used to seeing you do great complementary things. So with some additional touches, authentication, reservation, etc., and definitely with the backend in a second round. It will be of great benefit and fruitfulness to those who follow you. appreciate in advance

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

    Excellent video! Hoping for round 2 and the full stack addition to it. 🙂

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

      Thank you, coming soon! 🙌

  • @ibidapoayomide6825
    @ibidapoayomide6825 5 місяців тому +4

    I hope this video teaches me a lot I just started learning React Native 🎉🎉🎉 and I have a project I want to implement this mapbox stuff

  • @3x10.8_ms
    @3x10.8_ms 5 місяців тому +4

    32:33 i'll start from here if i come back, actually bro i was dealing with some error and i followed your process to fix the native build process of mapbox

  • @thivankawaduge509
    @thivankawaduge509 5 днів тому

    Thank you so much for this tutorial This helped me a lot to cover my final individual project for #CS in #SE degree

  • @_stan
    @_stan 4 місяці тому +3

    Would love to see you integrate backend as well!

    • @notjustdev
      @notjustdev  4 місяці тому +3

      Done ✅
      👉 ua-cam.com/users/liveTRcM3H7qfRI

  • @kaustuvgiri859
    @kaustuvgiri859 5 місяців тому +2

    Excellet video! I recently used MapBox instead of Google Maps and it was the best experience ever... Loved the PointAnnotation implementation as well.

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

      Thank you!

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

      M8, please tell why you have switched from google maps to mapbox?

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

      @@piotrszymanski8325 I have a lot of trouble with using Google Maps with React Native CLI version. It appears to be working good with Expo. But in my case I was using and modifying pod files using static modules and firebase login. There were so many functional dependencies error that I nearly quit working on the application. But then found MapBox it gave me all the good things that I wanted to implement , is free up to 100, 000 users or something. Overall it worked right away without too much configs. I would choose it any other day than Google Maps! I am a proud fan of MapBox!

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

    Amazing content, eagerly waiting for part-2 of this video💗

  • @daltonharvey5970
    @daltonharvey5970 5 місяців тому +4

    🤝Amazing! Waitting for part 2 🚀

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

      Thank you, coming soon! 🙌

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

    a very necessary lesson!!! thank you very much for your work!!!

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

      You are welcome!🙌

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

    I woke up to this while sleeping

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

    Can you use amplify v6 for backend please? There is no tutorial about amplify v6.

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

    you are living in barcelona now?? so cool having you close to me! Im from Castellon, couple hours from you!

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

      Yeah, moved to barcelona

  • @jasim17
    @jasim17 5 місяців тому +2

    how can we make a call recording apps in react native pls make video on this topic....

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

      Pulling audio is hard and also maybe legally not possible in some states

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

    Can You make an Complete tutorial How to setup the turn by turn Navigation Using Mapbox that's is working on Both IOS and Android

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

    This is a nice vid!

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

    Thank You very much!!!

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

    Nice. I am testing this out. Any idea of how you could show a custom thuimbnail as the marker image? Let say each marker shows a custom image.

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

    pls make a playlist on how animation works in react native..

  • @TheAremoh
    @TheAremoh 5 місяців тому +2

    Excellent.

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

    Please create indoor navigation app using mapbox or any other library. it's humble request

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

    hey sir does your React Native Mastery course have Chinese subtitle, I am going to buy it

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

      Not at the moment unfortunately. Only English subtitles

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

    Perfectly balanced

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

    Nice man!

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

    Why are you using a create-expo-stack?

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

    I got spawn unknown error while running the npx expo run:android command. Could you help me out?

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

    Can you try to integrate postgre and nodejs as the backend please?

    • @notjustdev
      @notjustdev  5 місяців тому +3

      Coming soon with the second part with backend on Friday 🤩

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

      Wooooooaaaaaaaaaaahhhhhhh 🥲
      With supabase as the login method that would also be cool. But you know, it's okay though if it's not. Hahahahahaha

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

    why expo-stack for initialization ?

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

    what about the searchbox pls?

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

    I can't do the prebuild because i have this error : "TypeError: Cannot destructure property 'RNMapboxMapsImpl' of 'undefined' as it is undefined." I'm using expo...

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

      did you found any solution?

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

      @@haideralikhan3756 Yes ! I did not respect the syntax

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

      @@chosta94 thanks , got it, its a syntax error

  • @ronaldabellano5643
    @ronaldabellano5643 27 днів тому

    hope there is an android tutorial. this is hard to setup and run on android.

  • @Jake-bh1hm
    @Jake-bh1hm 5 місяців тому

    I wish there was a svelte Native .. :(

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

    Part 2 sir please

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

    i get this error in windows android when i rum npx expo run android
    npx expo run android
    › Using expo run:android
    env: load .env
    env: export EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY MAPBOX_TOKEN
    › Building app...
    Configuration on demand is an incubating feature.
    > Configure project :expo
    Using expo modules
    - expo-asset (10.0.10)
    - expo-constants (16.0.2)
    - expo-file-system (17.0.1)
    - expo-font (12.0.9)
    - expo-image-loader (4.7.0)
    - expo-image-picker (15.0.7)
    - expo-keep-awake (13.0.2)
    - expo-location (17.0.1)
    - expo-modules-core (1.12.20)
    - expo-secure-store (13.0.2)
    - expo-splash-screen (0.27.5)
    - expo-system-ui (3.0.7)
    - expo-web-browser (13.0.3)
    > Configure project :react-native-reanimated
    Android gradle plugin: 8.2.1
    Gradle: 8.8
    FAILURE: Build failed with an exception.
    * What went wrong:
    Could not determine the dependencies of task ':app:processDebugResources'.
    > Could not resolve all dependencies for configuration ':app:debugRuntimeClasspath'.
    > Could not resolve com.mapbox.maps:android:11.0.0.
    Required by:
    project :app > project :rnmapbox_maps
    > Could not resolve com.mapbox.maps:android:11.0.0.
    > Could not get resource 'api.mapbox.com/downloads/v2/releases/maven/com/mapbox/maps/android/11.0.0/android-11.0.0.pom'.
    > Could not GET 'api.mapbox.com/downloads/v2/releases/maven/com/mapbox/maps/android/11.0.0/android-11.0.0.pom'. Received status code 401 from server: Unauthorized
    > Could not resolve com.mapbox.mapboxsdk:mapbox-sdk-turf:6.11.0.
    Required by:
    project :app > project :rnmapbox_maps
    > Could not resolve com.mapbox.mapboxsdk:mapbox-sdk-turf:6.11.0.
    > Could not get resource 'api.mapbox.com/downloads/v2/releases/maven/com/mapbox/mapboxsdk/mapbox-sdk-turf/6.11.0/mapbox-sdk-turf-6.11.0.pom'.
    > Could not GET 'api.mapbox.com/downloads/v2/releases/maven/com/mapbox/mapboxsdk/mapbox-sdk-turf/6.11.0/mapbox-sdk-turf-6.11.0.pom'. Received status code 401 from server: Unauthorized
    * Try:
    > Run with --stacktrace option to get the stack trace.
    > Run with --info or --debug option to get more log output.
    > Run with --scan to get full insights.
    > Get more help at help.gradle.org.
    BUILD FAILED in 36s
    5 actionable tasks: 1 executed, 4 up-to-date
    Error: C:\Users\user\Desktop\Projects\appartment-system\mobile-app\android\gradlew.bat app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=x86_64 exited with non-zero code: 1
    Error: C:\Users\user\Desktop\Projects\appartment-system\mobile-app\android\gradlew.bat app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=x86_64 exited with non-zero code: 1
    at ChildProcess.completionListener (C:\Users\user\Desktop\Projects\appartment-system\mobile-app
    ode_modules\@expo\spawn-async\build\spawnAsync.js:42:23)
    at Object.onceWrapper (node:events:634:26)
    at ChildProcess.emit (node:events:519:28)
    at cp.emit (C:\Users\user\Desktop\Projects\appartment-system\mobile-app
    ode_modules\cross-spawn\lib\enoent.js:34:29)
    at maybeClose (node:internal/child_process:1105:16)
    at ChildProcess._handle.onexit (node:internal/child_process:305:5)
    ...
    at spawnAsync (C:\Users\user\Desktop\Projects\appartment-system\mobile-app
    ode_modules\@expo\spawn-async\build\spawnAsync.js:7:23)
    at spawnGradleAsync (C:\Users\user\Desktop\Projects\appartment-system\mobile-app
    ode_modules\@expo\cli\build\src\start\platforms\android\gradle.js:96:48)
    at assembleAsync (C:\Users\user\Desktop\Projects\appartment-system\mobile-app
    ode_modules\@expo\cli\build\src\start\platforms\android\gradle.js:74:18)
    at runAndroidAsync (C:\Users\user\Desktop\Projects\appartment-system\mobile-app
    ode_modules\@expo\cli\build\src
    un\android
    unAndroidAsync.js:45:37)

  • @ronaldabellano5643
    @ronaldabellano5643 27 днів тому

    There should setup tutorial for android :(

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

    🔥

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

    Next video came or not??

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

      This Friday. Stay tuned 🙌

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

      @@notjustdev but i am talking about this tutorial 2nd part

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

      @@notjustdev 3rd part??

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

    First one here🎉🎉

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

    Can I use map without doing prebuild
    I don't understand the whole build process

  • @Ibrahim-fh6kv
    @Ibrahim-fh6kv 5 місяців тому +4

    This is not how you learn React Native and build incomplete project, This is tutorial hell.

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

      I think his aim is to empower his viewers to take the projects further. In terms of content creators I think his the best

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

    🥶🤯🥳