Up next

Autoplay

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

0 Views • 10/12/24
Share
Embed
121gamers
121gamers
14 Subscribers
14

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(() = {
console.log("Connected to Mongo Db");
})
.catch((err) = {
console.log("Error connecting to MongoDb", err);
});

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

then ...

app.listen(port, "IpAdressofyourpc", () = {
console.log("Server is running on http://youripadress");
});

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

axios
.post("http://youripadress:8000/register", user)

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

assets and data required for the project -https://drive.google.com/drive..../u/2/folders/1MI7wWJ

Other link if the first one doesn't work
https://drive.google.com/drive..../u/0/folders/191lfKc

source code : https://github.com/SSA-988/ecommerce-app

More Projects And Tutorials!

🔴 Let's build Airbnb with React Native : https://www.youtube.com/watch?v=0uK0hQJxvgo&list=PLkqIFEskVoUI1fmYREZST1zTnZ7jsbMUE&index=2&t=0s

🔴 Let's build Zomato With React Native : https://www.youtube.com/watch?v=G_yJMb9hM2Q&list=PLkqIFEskVoUJWVfMc5qLxJ2kWHvLRpTZQ&index=1&t=0s

🔴 Let's build React Js Shopping Cart (Easy) : https://www.youtube.com/watch?v=HK3l27onjis&t=0s

🔴 Let's build a Pizza Application (Dominos) with React Native : https://www.youtube.com/watch?v=YSQZgAMiiyE&list=PLkqIFEskVoULogrB3U0_BtvvVhW3be1xa&index=1&t=0s

🔴 Let's build a Fitness Application with React Native : https://www.youtube.com/watch?v=j5Dc6HKgJQU&list=PLkqIFEskVoULX5o-dhY1Z41iOOy8Ka2WX&index=1&t=0s

🔴 Let's build PVR (Movie Booking App) with React Native : https://www.youtube.com/watch?v=vUsA5Mx7-E0&list=PLkqIFEskVoULGHsV8fQ9r1hVCXrHXoqHc&index=1&t=0s

🔴 Let's build Netflix with React Native : https://www.youtube.com/watch?v=47GKkmbg2f8&list=PLkqIFEskVoUKalRxHcFPXSaYp4jx1gPjm&index=1&t=0s

🔴 Let's build Redux Shopping Cart for beginners : https://www.youtube.com/watch?v=d_DH9w13Oe8&t=0s

🔴 Let's build a complete React Js Shopping Cart with Redux : https://www.youtube.com/watch?v=ESGdCNiChWE&t=0s

🔴 Let's build a full Stack laundry app with React Native : https://www.youtube.com/watch?v=URXYsrawfQs&list=PLkqIFEskVoUJoOXXJ-ayQV_lN_o0gFOpe&index=1&t=0s


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

Show more
0 Comments sort Sort By
Facebook Comments

Up next

Autoplay