Building an e-Scooter App with React Native and Mapbox

  Рет қаралды 23,594

notJust․dev

notJust․dev

22 күн бұрын

In this tutorial, we will build an e-scooter rental app similar to Lime and Bird using React Native and Mapbox. We'll cover everything from rendering scooters on the map to integrating directions and navigation features. Follow along to create your own ride-sharing app with our detailed step-by-step guide. Ready to ride? Let's get started 🛴🔥
2️⃣ Watch the second part here: kzbin.infoTRcM3H7qfRI
📄 Project Page: notjust.dev/projects/lime
✅ Checklist: www.notion.so/notjust/Lime-Ap...
💻 Source Code: github.com/notJust-dev/Lime-R...
⚛️ React Native Mastery is the ONLY course you need to Master mobile development with React Native & Expo 🚀
Join the waitlist now: www.notjust.dev/react-native-...
❗Try our FREE 2-day Masterclass on notJust.Academy: assets.notjust.dev/masterclas...
📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about:
- Setting Up the React Native Environment
- Installing and Configuring Mapbox
- Rendering Scooters on the Map
- Adding Navigation and Directions
- Implementing Ride Booking Features
- Testing and Debugging a React Native app
💡 Have an idea for a future tutorial? Share it on our Idea Board: github.com/orgs/notJust-dev/d...
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #escooter #reactnative

Пікірлер: 43
@daltonharvey5970
@daltonharvey5970 18 күн бұрын
🤝Amazing! Waitting for part 2 🚀
@notjustdev
@notjustdev 10 күн бұрын
Thank you, coming soon! 🙌
@amermoosa
@amermoosa 17 күн бұрын
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
@kaustuvgiri859
@kaustuvgiri859 19 күн бұрын
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 19 күн бұрын
Thank you!
@rishikeshkv5484
@rishikeshkv5484 16 күн бұрын
Amazing content, eagerly waiting for part-2 of this video💗
@notjustdev
@notjustdev 10 күн бұрын
Coming soon 🤩
@duce201
@duce201 11 күн бұрын
a very necessary lesson!!! thank you very much for your work!!!
@notjustdev
@notjustdev 10 күн бұрын
You are welcome!🙌
@ibidapoayomide6825
@ibidapoayomide6825 20 күн бұрын
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
@TheAremoh
@TheAremoh 20 күн бұрын
Excellent.
@Huergo315
@Huergo315 7 күн бұрын
Nice man!
@francescopiscani3504
@francescopiscani3504 19 күн бұрын
Excellent video! Hoping for round 2 and the full stack addition to it. 🙂
@notjustdev
@notjustdev 10 күн бұрын
Thank you, coming soon! 🙌
@TestYt4
@TestYt4 18 күн бұрын
Can you use amplify v6 for backend please? There is no tutorial about amplify v6.
@3x10.8_ms
@3x10.8_ms 9 күн бұрын
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
@_stan
@_stan 9 күн бұрын
Would love to see you integrate backend as well!
@notjustdev
@notjustdev 3 күн бұрын
Done ✅ 👉 kzbin.infoTRcM3H7qfRI
@abelmurua6980
@abelmurua6980 15 күн бұрын
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.
@johnmccants6828
@johnmccants6828 20 күн бұрын
🔥
@jasim17
@jasim17 13 күн бұрын
pls make a playlist on how animation works in react native..
@paulinkladi1689
@paulinkladi1689 3 күн бұрын
why expo-stack for initialization ?
@rubenzafratraver6819
@rubenzafratraver6819 9 күн бұрын
you are living in barcelona now?? so cool having you close to me! Im from Castellon, couple hours from you!
@notjustdev
@notjustdev 9 күн бұрын
Yeah, moved to barcelona
@sonhan7993
@sonhan7993 2 күн бұрын
what about the searchbox pls?
@user-bq3ko4mi3q
@user-bq3ko4mi3q 20 күн бұрын
First one here🎉🎉
@TahomaID
@TahomaID Күн бұрын
Why are you using a create-expo-stack?
@jasim17
@jasim17 13 күн бұрын
how can we make a call recording apps in react native pls make video on this topic....
@Mah_Vibe
@Mah_Vibe 16 күн бұрын
Please create indoor navigation app using mapbox or any other library. it's humble request
@Jake-bh1hm
@Jake-bh1hm 20 күн бұрын
I wish there was a svelte Native .. :(
@liyunfu1998
@liyunfu1998 13 күн бұрын
hey sir does your React Native Mastery course have Chinese subtitle, I am going to buy it
@notjustdev
@notjustdev 10 күн бұрын
Not at the moment unfortunately. Only English subtitles
@vincentvargas9251
@vincentvargas9251 16 күн бұрын
Can you try to integrate postgre and nodejs as the backend please?
@notjustdev
@notjustdev 10 күн бұрын
Coming soon with the second part with backend on Friday 🤩
@vincentvargas9251
@vincentvargas9251 10 күн бұрын
Wooooooaaaaaaaaaaahhhhhhh 🥲 With supabase as the login method that would also be cool. But you know, it's okay though if it's not. Hahahahahaha
@pushkalvashishtha4271
@pushkalvashishtha4271 16 күн бұрын
Part 2 sir please
@notjustdev
@notjustdev 10 күн бұрын
Coming soon 🤩
@shaonbiswas1569
@shaonbiswas1569 19 күн бұрын
Next video came or not??
@notjustdev
@notjustdev 10 күн бұрын
This Friday. Stay tuned 🙌
@shaonbiswas1569
@shaonbiswas1569 10 күн бұрын
@@notjustdev but i am talking about this tutorial 2nd part
@shaonbiswas1569
@shaonbiswas1569 5 күн бұрын
@@notjustdev 3rd part??
@Ibrahim-fh6kv
@Ibrahim-fh6kv 19 күн бұрын
This is not how you learn React Native and build incomplete project, This is tutorial hell.
Building a LinkedIn clone with React Native and Stepzen
3:59:46
notJust․dev
Рет қаралды 19 М.
The New React Native Architecture
25:59
Theo - t3․gg
Рет қаралды 129 М.
He sees meat everywhere 😄🥩
00:11
AngLova
Рет қаралды 10 МЛН
Luck Decides My Future Again 🍀🍀🍀 #katebrush #shorts
00:19
Kate Brush
Рет қаралды 8 МЛН
Docker Crash Course for Absolute Beginners [NEW]
1:07:39
TechWorld with Nana
Рет қаралды 1,5 МЛН
Eric Seidel: Code push for Flutter 👈
15:40
Full Stack Flutter
Рет қаралды 268
Build Flappy Bird with React Native: Skia & Reanimated Tutorial
3:20:38
5 React Native Tips to WOW Your Users
16:36
Simon Grimm
Рет қаралды 14 М.
Building an Apple Wallet Clone with React Native Reanimated
2:00:07
notJust․dev
Рет қаралды 7 М.
Build a Realtime Chat App in React Native (tutorial for beginners) 🔴
3:49:50
Hyundai Is Putting Tesla To Shame...What Happened?
11:26
Logically Answered
Рет қаралды 58 М.
State Managers Are Making Your Code Worse In React
13:33
Web Dev Simplified
Рет қаралды 162 М.
Why Donut Media Is Falling Apart: An Explainer
17:07
Alanis King
Рет қаралды 168 М.
1$ vs 500$ ВИРТУАЛЬНАЯ РЕАЛЬНОСТЬ !
23:20
GoldenBurst
Рет қаралды 1,5 МЛН
Как слушать музыку с помощью чека?
0:36
Hisense Official Flagship Store Hisense is the champion What is going on?
0:11
Special Effects Funny 44
Рет қаралды 2,5 МЛН