
No Comments Yet
Be the first to share your thoughts and start the conversation.
Be the first to share your thoughts and start the conversation.
By logging in, you'll unlock full access to this and other free tutorials on JSM Pro.
Why? Logging in lets us personalize your learning experience, track your progress, and keep you in the loop with new workshops, coding tips, and platform updates.
You'll also be the first to know about upcoming launches, events, and exclusive discounts.
No spam—just helpful content to level up your skills.
If that sounds fair, go ahead and log in to continue →
Enter your name and email to get instant access
This lesson does not contain any content to summarize.
00:00:02 Congrats, you've made it all the way here and that's amazing.
00:00:06 We covered a lot of ground, everything from setting up a React Native project to configuring routes and different types of navigation,
00:00:16 building auth screens from scratch, implementing state management with Zustand, and architecting a scalable database using AppRite,
00:00:24 making sure that we don't have any errors using Sentry, and so much more.
00:00:28 Now is your turn.
00:00:30 We've implemented this cart UI and cart front-end functionality.
00:00:35 But you can very easily extend this further to use real Stripe payments and implement payment processing.
00:00:43 And if you don't know how to do that, you can check out this other video that I've posted called Build a Full Stack React Native App with Payments.
00:00:51 And if you take a look at some of these chapters here, you'll see a whole section just on Stripe payment integration.
00:00:58 So you can watch that section and implement it for this app too.
00:01:01 Alongside the payments, I've also left out a couple of screens so you can test out everything you've learned so far.
00:01:07 You can try to implement this very visually interesting menu item details page where you can see more info about each one of these items.
00:01:17 such as a type, rating, price, calories, protein, bun type, and more.
00:01:22 And you can even implement this functionality for adding different topics.
00:01:26 And another challenge to test everything you've learned so far is for you to recreate this profile screen by closely following the Figma design.
00:01:35 Don't worry, it's not hard.
00:01:37 Just start with the basics.
00:01:38 Begin by building the UI layout, then fetch the user's data from AppRite and render it on the screen, and you already know how to get the user info,
00:01:47 right?
00:01:48 Remember the Zustand Auth store we built earlier?
00:01:51 It's all there, ready to use.
00:01:54 And as a bonus, you can also try implementing this logout feature, which you can see in almost every single React Native application.
00:02:00 If you want a hint, well, it only takes one line of code, and you can easily find it within AppWrites documentation.
00:02:09 Once you're done, you can check your work against the final version of this project in the GitHub repository where this profile page has been implemented.
00:02:17 So, with that in mind, I want to thank you for taking the time and coming to the end of this amazing build.
00:02:23 Take the phone in your hand and just try to move through some of these pages to see what you've developed.
00:02:29 It is all looking great, and now that we have these filters right here, Another great thing for you to do would be to make these initial cards clickable.
00:02:39 So once you actually click on burritos, pizzas, burgers, or summer combos, you just re-navigate over to the search screen with a specific filter pre-enabled.
00:02:49 Hopefully that makes sense, right?
00:02:51 This is not just static images.
00:02:52 The goal is to make this dynamic and then navigate over to the second screen.
00:02:57 I really wanted to give you some additional exercises for you to actually try to implement some of these things on your own.
00:03:04 The goal is not just to watch.
00:03:07 The goal is to understand and rebuild it on your own.
00:03:10 And that's exactly what we do on jsmastery.com.
00:03:14 If you haven't yet checked it out, well, now would be a time to do so because very soon, alongside the Ultimate Next.js 15 course and a GSEP course in
00:03:23 which you rebuild the entire GTA 6's landing page with some of the craziest animations I've seen, And very, very soon, we're dropping the ultimate React
00:03:35 Native course where we're going to dive so much deeper into how React Native works behind the scenes so that you truly understand how all of its components
00:03:44 work and how its engine is actually powering those mobile applications.
00:03:48 Oh, and we'll also go through deploying and hosting your applications on an actual App Store.
00:03:55 So, if you haven't already, either become a member right now or join the waitlist for the React Native course that's coming soon.
00:04:02 With that said, thank you so much for watching and I'll see you in the next one.
00:04:07 Have a wonderful day.