
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
There is no content provided in the transcript to summarize. Therefore, no key takeaways can be highlighted.
00:00:01 Let's get started with adding the primary logic and functionalities to our application.
00:00:06 We'll do it using AppWrite.
00:00:09 AppRite is an open source, all-in-one development platform.
00:00:12 And in this course, we'll use it for the backend infrastructure.
00:00:16 This means that we'll be using their auth provider, databases, as well as storage.
00:00:22 So if you haven't already created an account, you can click the link down in the description to follow along and see exactly what I'm seeing and create
00:00:30 your account.
00:00:30 You'll even get 50 bucks in additional cloud credits when you upgrade or you decide to go for a pro plan.
00:00:36 even though it'll not be needed at all to just be able to follow along with this course, as AppRite is open source and completely free to get started with.
00:00:44 Once you're in, you can very easily create a new project.
00:00:47 You can give it a name starting with JSM, something like JSM food ordering, and you can choose one of the regions.
00:00:55 That'll lead you to the onboarding.
00:00:57 You've created your project, and now you need to connect it to your platform.
00:01:01 Alongside web at the top, immediately on the right, we have React Native.
00:01:05 So select it.
00:01:06 You can select either Android or iOS.
00:01:09 Either way is fine.
00:01:10 Enter the name of the app.
00:01:12 I'll go with JSM food ordering.
00:01:15 And then for the bundle ID, you can come up with any kind of an ID that follows this pattern, com.companyname.appname.
00:01:24 So it's going to be in this case, com.jsm and then you can give it any name.
00:01:29 Once again, I'll do food ordering, but make sure to remember it.
00:01:33 And then I'll click create platform.
00:01:35 If you're starting a new project, you can just use this command, but we already have a running project, so I won't be doing that.
00:01:41 Instead, I'll head back over to our application, open up my terminal and make it a bit bigger.
00:01:50 And we can run mpx expo install react-native-app-write as well as react-native-url-polyfill and press enter as this will install all the necessary dependencies.
00:02:03 Then we can also copy our app-write credentials to our .env, which you can create right here at the root of your application by calling it .env and then
00:02:14 pasting them right here.
00:02:15 Expo Public AppWrite Project ID, and Expo Public AppWrite Endpoint.
00:02:19 Now, back within our application, we can also create one more folder, which we can call lib.
00:02:26 Lib, or library, will contain some functions or configurations that we can use throughout the entirety of our application.
00:02:33 For example, here, I'll create a new file called AppWrite.ts, And we'll use it as an AppWrite configuration.
00:02:41 So here we'll set it up and it'll contain all of our credentials.
00:02:45 So we can say export const AppWrite config is equal to an object where we have an endpoint.
00:02:52 And this will be equal to process.env.
00:02:55 And then we have to see how we called it.
00:02:58 It'll be expo public AppWrite endpoint.
00:03:00 We can also choose the name of the platform that we have.
00:03:04 And here it should be the same as the bundle ID.
00:03:07 So I use the string of com.jsm.foodordering.
00:03:13 If you forgot what you put for it, you can find it right here.
00:03:16 Perfect.
00:03:17 And then alongside the platform, we'll also have to have the project ID, which we can get from ENVs once again.
00:03:24 That'll be process.env.expo-public-appride-project-id.
00:03:30 Perfect.
00:03:31 And with that in mind, our AppRite setup is now complete, which means that in the next lesson, we can immediately dive right into setting up our auth.