🔴 Let's build a Full Stack E-Commerce App with REACT NATIVE using MongoDB

we will build a full stack e-commerce app with react native from scratch and this is going to be a lot of fun and if you find this interesting please smash the like button for me 💯 ,also consider subscribing!!

we will learn and explore about different design and styling and upgrade our skill set!!

keep hustling ❤️keep sharing knowledge ❤️
In this hands-on tutorial, we will cover everything from setting up the development environment to building the user interface. React Native will be our framework of choice, allowing us to create a cross-platform mobile app that works seamlessly on both iOS and Android devices.

MongoDB, a popular NoSQL database, will serve as our backend to store and manage the chat data. You will learn how to set up a MongoDB database, configure the necessary APIs, and establish a connection between the app and the database.

***** steps to make this work on your own phone! || also check out the comments for answers!

updating the API URL in your client-side code is necessary to ensure that your app makes API requests to the correct server. However, you may also need to update the server-side configuration to match the IP address or domain name changes

mongoose
.connect("mongodb://yourIpAddress/yourprojectnameinmongodb", {
useNewUrlParser: true,
useUnifiedTopology: true,
})
.then(() = {
})
.catch((err) = {
});

if doesn't work, in place of ipaddress add 127.0.0.1:27017 it should probably work!

then ...

});

then in the frontend-part while initialising the function you need to make the change

axios

**** To get the ip adress of your sytem
Mac = ipconfig getifaddr en0
Windows = ipconfig

Other link if the first one doesn't work

More Projects And Tutorials!

tags :
react native frontend
react native fullstack project
react native roadmap
react native laundry app
react native firebase integration
frontend projects react native
react native booking app
react native e-commerce app
react native cart system
frontend development react native
frontend development projects
react native beginner projects
react native interview questions
react native firebase
react native redux
booking app react native
booking app reactJs
react native backend
frontend interview series
frontend reactJs projects
firebase authentication react native
firebase authentication reactJs
react native full course
react native beginner course
redux cart system in react
redux toolkit
react native sanity
movie booking app
Pvr clone react native
movie booking system
react native expo projects
laundry app react native
frontend development roadmap
frontend interview questions
razorpay PaymentGateway
react native frontend
react native fullstack project
react native laundry app
react native firebase integration
frontend projects react native
redux toolkit in react native
redux shopping cart react native
full stack ecommerce app
full stack e-commerce app
react native full stack app
expo full stack e-commerce app
razor payment gateway
javascript interview questions
frontend developer roadmap
frontend development
full stack laundry app
mern stack application

[DaoPVT]

This video is really awesome, I have learnt a lot from there. Anw, There's a timestamps:
---
4:46 Init React Native
8:09 Create MongoDb
10:22 Init BE
14:25 Connect BE To MongoDb
19:35 Install React Navigation
21:07 Stack Navigator
24:29 Login Screen
40:00 Register Screen
47:40 User Schema
53:15 Order Schema
59:07 Endpoind Register API
1:05:40 Send verification Email Function
1:12:27 Endpoint Verify Email API
1:16:10 Handle Register UI
1:22:30 Endpoint Login API
1:27:57 Hanle Login UI
1:32:48 Add Bottom Tab
1:39:19 Check Login Status
1:41:22 Home Screen
2:06:23 Fetch Product From FakeStoreAPI
2:09:30 ProductItem Screen
2:17:38 Category Dropdown Picker
2:21:46 ProductInfoScreen
2:46:06 Install Redux Toolkit
2:46:30 CartReducer
2:54:25 Store
2:57:38 Add To Cart UI
3:06:39 Install Modal Package
3:07:20 Bottom Modal Home Screen
3:22:14 AddAddressScreen
3:29:08 AddressScreen
3:43:35 Endpoint Add Address API
3:47:41 Endpoint Get All Address By User
3:50:29 UserContext UI
3:57:50 Handle Add Address
4:13:28 Render List Address Item
4:21:44 Render Already Added Addresses
4:33:25 CartScreen
5:04:15 Refresh The Addresses When Component Comes To the Focus (Ie: When navigate back)
5:07:10 ConfirmationScreen
5:51:59 Endpoint Store Orders
5:57:54 Endpoint Get User Profile
6:00:00 Endpoint Get Order By User
6:04:08 Handle Place Order
6:11:42 OrderScreen
6:14:42 Install Package Razorpay
6:17:01 Handle Pay
6:23:59 Profile Screen

Thank you for your great content

[youthfactfactory]

Your videos are amazing but please include timestamps so that we will get an idea about what part we are at and if issue comes at this part of video we can solve that also

[shahhussain]

This is amazing. I will definitely build this and share this video with all my friends to support this channel. Thank you so much.

[shahhussain]

this is what I was looking for. thanks bro

[gadgetsfolife]

I love your work, kindly
build a tenant management app

[bijendernagar]

youtube scrolling show this amazing tutorials awesome sir g subcribed you thanks again

[shoaibx]

Great knowledge thank brother ❤vi download it 🎉

[francolinares]

Hey! This is awesome! Thanks for it! I

[shahhussain]

Please make more projects like this. We need react native with typescript also.

[ForYou-ucqh]

thanks alot bro am from kenya and i be waiting it

[softmerit]

Thanks a bunch for this amazing video tutorial.

[thanzeerhussain]

Please create a video tutorial demonstrating the process of building an application and publishing it to both the App Store and Play Store. Additionally, please include steps for generating an Android APK file, and Lastly, I'd like to express my gratitude for the wonderful video. As someone who's at an intermediate level in React, I've truly benefited from your guidance

[prashlovessamosa]

Thanks for sharing whole project all together instead of parts.

[adityansah]

Awesome job on the upload! I really appreciate your effort, but I encourage you to take a second look and consider doing it again for an even better result or don't ever again!

[mzfitness]

Anyone else get an "You appear to be running a native ECMAScript module configuration file, which is only supported when running Babel asynchronously" error at 23:45?

[adityagangrade]

Very nice bro keep making videos also make some more full stack apps for a final year students

[MK-irrd]

at the time 4:02:46 I got error [AxiosError: Request failed with status code 500], please How to fix ???
and also have an another issue when get the UserId
Possible Unhandled Promise Rejection (id: 0):
TypeError: 0, _jwtDecode.default is not a function (it is undefined)

[codewithsunil]

Please make video for beginners, how to setup expo and other basic things required for react native development

[DIPALISAVLE]

can you pls create a playlist for typescript as well

[miangee]

bro can you please make a video on deploy the chat app you make 2 week ago server deploy on vercel and make a apk please bro