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

  Рет қаралды 129,188

Sujan Anand

Sujan Anand

Күн бұрын

Пікірлер: 409
@DaoPVT
@DaoPVT 9 ай бұрын
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
@sujananand6155
@sujananand6155 9 ай бұрын
Thank you. Thanks a lot for the time stamps, Thank you for your time 🙏🙏.
@BasketballMomentShort
@BasketballMomentShort 7 ай бұрын
​@@sujananand6155hi can you help me with that project i got error in fetching user profile Cannot read property 'userId' in undefined
@username_0_0
@username_0_0 4 ай бұрын
why everyone is using expo when it is not recommended for production deployment? Bare React native cli recommended for production.
@nanugaming7533
@nanugaming7533 Ай бұрын
godd.
@shahhussain5563
@shahhussain5563 Жыл бұрын
This is amazing. I will definitely build this and share this video with all my friends to support this channel. Thank you so much.
@sujananand6155
@sujananand6155 Жыл бұрын
Thank you bro!
@mdkvaofficial
@mdkvaofficial 6 ай бұрын
Amazing brother. Love from Pakistan!
@sujananand6155
@sujananand6155 6 ай бұрын
☺️👍
@youthfactfactory7877
@youthfactfactory7877 11 ай бұрын
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
@shoaib4x533
@shoaib4x533 Ай бұрын
Great knowledge thank brother ❤vi download it 🎉
@sujananand6155
@sujananand6155 Ай бұрын
Your welcome!
@gadgetsfolife
@gadgetsfolife 4 ай бұрын
I love your work, kindly build a tenant management app
@bijendernagar15
@bijendernagar15 Жыл бұрын
youtube scrolling show this amazing tutorials awesome sir g subcribed you thanks again
@sujananand6155
@sujananand6155 Жыл бұрын
Thank you
@shahhussain56
@shahhussain56 Жыл бұрын
this is what I was looking for. thanks bro
@sujananand6155
@sujananand6155 Жыл бұрын
No problem!!
@prashlovessamosa
@prashlovessamosa Жыл бұрын
Thanks for sharing whole project all together instead of parts.
@sujananand6155
@sujananand6155 Жыл бұрын
You're welcome!
@thanzeerhussain469
@thanzeerhussain469 Жыл бұрын
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
@sujananand6155
@sujananand6155 Жыл бұрын
Okay i will look into this, apk file in android there's already a video on it.
@thanzeerhussain469
@thanzeerhussain469 Жыл бұрын
@@sujananand6155 thank you for your reply , Could you please share the link with me? I've attempted several tutorials on youtube , However, the issue I'm facing is that even a simple Expo app is more than 50 MB, and I'm struggling to find a way to make it smaller.
@haryanvicoderHR35
@haryanvicoderHR35 Жыл бұрын
yes please
@ushindibienvenu3800
@ushindibienvenu3800 5 ай бұрын
thank you for your generosity
@sujananand6155
@sujananand6155 5 ай бұрын
Your welcome!
@yashpaunikar671
@yashpaunikar671 8 күн бұрын
Always add prerequisite 😊
@sujananand6155
@sujananand6155 8 күн бұрын
Okay
@francolinares7312
@francolinares7312 10 ай бұрын
Hey! This is awesome! Thanks for it! I
@sujananand6155
@sujananand6155 10 ай бұрын
You're welcome!
@shahhussain5563
@shahhussain5563 Жыл бұрын
Please make more projects like this. We need react native with typescript also.
@sujananand6155
@sujananand6155 Жыл бұрын
Sure
@juliovicenteperez7172
@juliovicenteperez7172 Жыл бұрын
Awesome! Thank You So Much!
@sujananand6155
@sujananand6155 Жыл бұрын
Welcome!
@softmerit25
@softmerit25 Жыл бұрын
Thanks a bunch for this amazing video tutorial.
@sujananand6155
@sujananand6155 Жыл бұрын
You're welcome!
@ganeshyandigeri1607
@ganeshyandigeri1607 11 ай бұрын
Thank so much Sujan Anand
@sujananand6155
@sujananand6155 11 ай бұрын
You're welcome !
@AsmatKhan-en5vd
@AsmatKhan-en5vd 3 ай бұрын
hi i have a quick question i have watching the tutorial just now and i am confuse with the extra folder being created in newer version of node js for exam: components folder, and other newer folder as well and dont have app.js file also please urgent guide i been searching whole internet on it
@ForYou-uc4qh
@ForYou-uc4qh Жыл бұрын
thanks alot bro am from kenya and i be waiting it
@sujananand6155
@sujananand6155 Жыл бұрын
Thank you
@brianevans5552
@brianevans5552 5 ай бұрын
Hello, im from kenya too, kindly help on trying to implement the image slider box as mine is not working, whenever i try to install the dependency i get a warning of 6 vulnerabilities found!
@adityagangrade9955
@adityagangrade9955 Жыл бұрын
Very nice bro keep making videos also make some more full stack apps for a final year students
@sujananand6155
@sujananand6155 Жыл бұрын
Thanks a lot! Sure will try it.
@adityagangrade9955
@adityagangrade9955 Жыл бұрын
@@sujananand6155 bro android vertual device setup kaise karna hai ye bhi batado
@alagarsamychandrakumar2518
@alagarsamychandrakumar2518 7 ай бұрын
good
@reality-of-united-arab-emirate
@reality-of-united-arab-emirate 4 ай бұрын
Have you created the mobile app using mern stack or just react and mongodb
@happyppah
@happyppah Жыл бұрын
Hi, Thank you for your video!To publish an app in market, should I make a server ? or Does the app in your video work itself?
@codewithsunil5990
@codewithsunil5990 Жыл бұрын
Please make video for beginners, how to setup expo and other basic things required for react native development
@sujananand6155
@sujananand6155 Жыл бұрын
Okay
@uyennghi9729
@uyennghi9729 6 ай бұрын
can you tell me which extensions and what packages you have installed for the project in the video? and how to run emulator like you did? I ran into errors.
@filipjovic6815
@filipjovic6815 Жыл бұрын
Great video
@sujananand6155
@sujananand6155 Жыл бұрын
Thanks!
@jalithakheminda2902
@jalithakheminda2902 4 ай бұрын
can you give a video for admin side of this project
@Insane.18_7
@Insane.18_7 9 ай бұрын
even though I'm using My PC IP address it's showing the same error registration failed [AxiosError: Network Error]
@sujananand6155
@sujananand6155 9 ай бұрын
You should be connected to the same network ie your phone and your pc
@JohnHall-wn8pp
@JohnHall-wn8pp 5 ай бұрын
Thanks alot for this video. How can i solve this error Log [AxiosError: Request failed with status code 404]. And also this ViewPropTypes will be removed from React Native, along with all other PropTypes. We recommend that you migrate away from PropTypes and switch to a type system like TypeScript. If you need to continue using ViewPropTypes, migrate to the 'deprecated-react-native-prop-types' package.
@miangee09
@miangee09 Жыл бұрын
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
@valemc9428
@valemc9428 11 ай бұрын
Thanks Sujan!
@sujananand6155
@sujananand6155 11 ай бұрын
Welcome
@panditsamik
@panditsamik Жыл бұрын
For the animations using lottie-react-native, I’m not getting any animations. I double checked the file paths, json files(downloaded from your Github), verified dependencies but still not working. Only the text “Your Order has been received“ is visible. Please help me in this, I’m stuck
@dave_eke
@dave_eke 6 ай бұрын
Sorry how did you get the IOS simulator?
@AdityaSinghCodes
@AdityaSinghCodes 3 ай бұрын
amazing man.
@sayurabhi
@sayurabhi 6 ай бұрын
In bottommodal despite initizliation of selected address background color is not changing for selected address during bottom sheet swipe Up. BAckground color of selectedaddress onyl chnaging on address selection pls help . However on home page location address get chnage base done ealier selected address
@DIPALISAVLE
@DIPALISAVLE 9 ай бұрын
can you pls create a playlist for typescript as well
@qararplus9748
@qararplus9748 Жыл бұрын
Hi, first thank you for your effort, i have a question how to make my own api store instead of of using fake api, is there other option like shopify for webs, i want for apps?, i mean i want to add my own products and add to the apps
@Unreal_StudiosVFX
@Unreal_StudiosVFX 7 ай бұрын
Hello Sujan, I have almost finished the app but i getting the problem at retrieving the address. When I open the app for the first time , it doesn't show my added addresses but when i add a new one it starts showing all the addresses. Can you share a solution please
@SoapCS2
@SoapCS2 Жыл бұрын
Good work bro keep it up
@sujananand6155
@sujananand6155 Жыл бұрын
Thank you!
@ObaidUllah-w5b
@ObaidUllah-w5b 3 ай бұрын
Video at 17 creating yarn have this error : yarn : The term 'yarn' is not recognized as the name of a cmdlet, is it showing because the video is old and the code have changed
@sohamdwivedi6340
@sohamdwivedi6340 2 ай бұрын
do it with npm add
@lanigoespew
@lanigoespew 10 ай бұрын
Hello Sujan, is it possible to develop something like this using MySQL as database instead of MongoDB? I see a lot of projects like this but it's always MongoDB and I am trying to learn how to do this with mySQL and i just want to know how feasible it is
@SportsHorts73
@SportsHorts73 7 ай бұрын
Not able to find userId jwt.Default is not a function installed it already
@GameCrawl
@GameCrawl 10 ай бұрын
Do you have a non expo tutorial?
@love_hunter_coc
@love_hunter_coc Жыл бұрын
waiting 😘
@sujananand6155
@sujananand6155 Жыл бұрын
Thank you!
@thabithap-h7z
@thabithap-h7z 8 ай бұрын
I have a doubt...does men's and women's clothing contains color and price category ??
@hendoitechnologies
@hendoitechnologies 4 ай бұрын
can you build same ecommerce app with React Native CLI (for Android and iOS)
@kqnesky_7516
@kqnesky_7516 4 ай бұрын
Thank you sir
@sujananand6155
@sujananand6155 4 ай бұрын
Welcome
@mahmou_0alabd274
@mahmou_0alabd274 10 ай бұрын
thank you very much but i got this error ReferenceError: Property 'WeakRef' doesn't exist, js engine: hermes how can i solve it ?
@sayurabhi
@sayurabhi 6 ай бұрын
heelo everybdy in android backhardware press killing expo rather dismiss only bottommodal despite adding onHardwareBackPress pls help ??
@ajaypatidar1892
@ajaypatidar1892 6 ай бұрын
"Hey there! Can you please create a course on building React Native apps with WooCommerce API integration? It'd be super helpful! Thanks a bunch! 🙌"\\
@sujananand6155
@sujananand6155 6 ай бұрын
Okay sure it’s coming soon
@eemantariq3390
@eemantariq3390 Жыл бұрын
Hi!! Great work Mr sujan, I want to put a request of making 3d cloths e-commerce application along with backend
@sujananand6155
@sujananand6155 Жыл бұрын
Thank you, okay bro
@joeljames4044
@joeljames4044 Жыл бұрын
Hi great video. looking forward for more cool clones. I have completed making this project I was wondering how can we generate an apk file which we can install in the physical device. However i tried doing it by watching multiple tutorials and official doc, but I wasn't able to. If you could make a tutorial for both android and IOS that would be great.
@gaurav_tiwari_108
@gaurav_tiwari_108 9 ай бұрын
I'm getting error this (registration failed [AxiosError: Network Error]) while registration. Please resolve this
@mzfitness5533
@mzfitness5533 Жыл бұрын
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?
@Huy-64IT4LuongCong-er4su
@Huy-64IT4LuongCong-er4su Жыл бұрын
Sir i have this error when i run "npx eas build -p ios" can u help me out : Authentication with Apple Developer Portal failed! Failed to set up credentials. You have no team associated with your Apple account, cannot proceed. (Do you have a paid Apple Developer account?)
@BasketballMomentShort
@BasketballMomentShort 7 ай бұрын
Cant display the user data, How to fix this
@Lanso9884
@Lanso9884 Жыл бұрын
I really wanted to do this project but I m stuck on adding mongodb dependencies as the code is for ios how to I add them in android as I m using a pc. Would you mind telling us when you will do the pc / android version for this project?
@orangetelecom6600
@orangetelecom6600 5 ай бұрын
Great content 👍 Can you please help me with how to update and remove user's address in the frontend side ? Please help me.
@adhirajkar7396
@adhirajkar7396 Жыл бұрын
I am using Expo App to run the project on my Android mobile but when I am trying to register a user it is giving me "Axios:Network Error". I tried replacing localhost wh=ith mu local IP Address but it still does not work. Please help!!
@sujananand6155
@sujananand6155 Жыл бұрын
Umm look into the description of the previous project the chat application you'll understand
@AryanTomar_2025
@AryanTomar_2025 7 ай бұрын
same error ... solve huya error?
@syedafarhin346
@syedafarhin346 5 ай бұрын
I am consoling the decodedToken in homeScreen but can't get it. What should I do ?
@sujananand6155
@sujananand6155 5 ай бұрын
Okay so I have solved this issue in the hinge dating app and laundry app too I guess you would find the solution here
@glaucusgaming7774
@glaucusgaming7774 Жыл бұрын
When going in Gmail app passwords there is no option to select any app its just randomly creating 16 digits password but not giving option to choose option as mail? any alternative?
@youthfactfactory7877
@youthfactfactory7877 11 ай бұрын
Same issue brother @sujananand6155 please help with this issue
@kishanyadav-t9h
@kishanyadav-t9h 3 ай бұрын
hello brother sujan anand expr app ko kaise playstore pe ham live kare ge
@andrenotsmall
@andrenotsmall 7 ай бұрын
With Nodemailer, how would we set up the email verification for production? As opposed to localhost?
@sujananand6155
@sujananand6155 7 ай бұрын
in production, you could use a third-party email service provider like SendGrid, Amazon SES, or another SMTP service
@beninaleliza523
@beninaleliza523 Ай бұрын
bro i am getting "LOG Registration failed [AxiosError: Network Error]"" error like this in registration page, i cant register . please reply bro...................... pleaseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
@iury664
@iury664 11 ай бұрын
my main problem with native is the very complicate configuration with wsl. it make any development impossible to me
@daviderivona6576
@daviderivona6576 Жыл бұрын
Great tutorial, is this node js for the backend? and is crud implemented?
@sujananand6155
@sujananand6155 Жыл бұрын
I've started with a simple next js app, using sanity as backend
@daviderivona6576
@daviderivona6576 Жыл бұрын
@@sujananand6155 Thanks
@sankethiremath1430
@sankethiremath1430 2 ай бұрын
The code after jwt_decode is not working... console.log is not coming. please help me with this
@temporarylove4271
@temporarylove4271 Ай бұрын
help me in its showing errror
@karansingh-nj7rs
@karansingh-nj7rs 7 ай бұрын
I just want to understand what is the difference between using expo and without expo . And why most KZbinr using expo . I am beginner want to understand what is best
@sujananand6155
@sujananand6155 7 ай бұрын
With Expo, you have access to a limited set of pre-built components and APIs provided by Expo. In React Native CLI, you have more flexibility to include any native modules you need directly into your project. Expo is beginner friendly.... start with expo and the move to react native cli!
@burakfurkantenekeci7285
@burakfurkantenekeci7285 Жыл бұрын
How can we show a page instead of success json message and redirect when they click the verification link in email
@codewithroman8180
@codewithroman8180 Жыл бұрын
Yar backend firebase thats good
@sujananand6155
@sujananand6155 Жыл бұрын
I've already used firebase for the remaining two apps, so just trying out different things, you can follow firebase and do this it's simple.
@tribalchief7973
@tribalchief7973 6 ай бұрын
Bro Still I got the Error AXIOS Error
@VikramsinhChampavat
@VikramsinhChampavat Жыл бұрын
Hey, I am new to React Native, watched tutorials with React Native CLI. I want to watch your video but it's with EXPO CLI, will the code of EXPO and RN CLI be the similar in most of the cases? Or it will be completely different?
@sujananand6155
@sujananand6155 Жыл бұрын
Similar
@sujananand6155
@sujananand6155 Жыл бұрын
Similar
@VikramsinhChampavat
@VikramsinhChampavat Жыл бұрын
@@sujananand6155 Thanks for responding. :)
@codewithroman8180
@codewithroman8180 Жыл бұрын
Plz make this app with firebase database
@vickeygaming1545
@vickeygaming1545 7 ай бұрын
what shoudl i do if i dont have 2 fa?? and i dont see any options like app password
@zakmnmoh
@zakmnmoh Жыл бұрын
HI Sujan, This is a great app and would love if you continue to more react native apps. If you can make it happen, One of the things not available over there is Flight booking app for airline ticket reservation in react native app, which looks easy for you. Looking forward your innovation in react native apps ..
@sujananand6155
@sujananand6155 Жыл бұрын
Okay thanks for the idea, I'll look into this
@youthfactfactory7877
@youthfactfactory7877 11 ай бұрын
Can you also make a video on ai saas app in react native by connecting it to Supabase or Prisma database and integrating open ai into it this will be a great idea?
@sujananand6155
@sujananand6155 10 ай бұрын
I could try with Supabase for sure. just for a kickstart a simple project maybe.
@galihlaznur
@galihlaznur 11 ай бұрын
can you help me with this error, pls Possible Unhandled Promise Rejection (id: 0): ReferenceError: Property 'Alert' doesn't exist i try to login
@sujananand6155
@sujananand6155 11 ай бұрын
Import alert from react native and it should work
@galihlaznur
@galihlaznur 11 ай бұрын
thanks this worked@@sujananand6155
@LIVESTREAM_FAM
@LIVESTREAM_FAM 8 ай бұрын
hi iam getting error Registration failed : AxiosError : Network Error how can i fix this ? plz help
@MK-ir8rd
@MK-ir8rd 10 ай бұрын
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)
@timtxtupi
@timtxtupi 10 ай бұрын
I had the same problem. I've looked on StackOverFlow, but that doesn't help. Have you found the solution?
@MK-ir8rd
@MK-ir8rd 10 ай бұрын
useEffect(() => { const fetchUser = async() => { try{ const token = await AsyncStorage.getItem("authToken"); const jwt = token; // Replace with your actual JWT // Step 1: Split the JWT into its three parts const [header, payload, signature] = jwt.split("."); // Step 2: Decode the payload const decodedPayload = Buffer.from(payload, 'base64').toString('utf-8'); // Step 3: Parse the JSON content of the decoded payload const parsedPayload = JSON.parse(decodedPayload); // Step 4: Access the userId property const userId = parsedPayload.userId; // console.log(token); // const decoded = Buffer.from(token, 'base64').toString('utf-8'); // console.log(decoded); // const userIdd = decoded.userId; setUserId(userId); console.log(userId); }catch(error){ console.log("message",error); } } fetchUser(); },[]); @@timtxtupi to use this code for decode the token and also import the buffer import {Buffer} from "buffer";
@sujananand6155
@sujananand6155 9 ай бұрын
for jwt decode u can try using this import "core-js/stable/atob"; You need to poly-fill atob function using something like core-js. yarn add core-js using core-js: import "core-js/stable/atob"; import { jwtDecode } from "jwt-decode"; const decoded = jwtDecode(token); try this this works, I got the same error
@timtxtupi
@timtxtupi 9 ай бұрын
@@sujananand6155 I tried to install the specific version of jwt-decode you used in the video, and it worked. I installed npm install jwt-decode@3.1.2.
@gyanendramohanpatel823
@gyanendramohanpatel823 11 ай бұрын
Hi very very great video . I am having issue that is whan i am registering the user form ios device and android axios throws network error but from web its working fine please help me out . Thankyou .
@sujananand6155
@sujananand6155 11 ай бұрын
There should be no change in the backend index.js file. The only change needed is replacing localhost with one's PC ip address in the register screen file in axios post.
@sujananand6155
@sujananand6155 9 ай бұрын
🔴 so basically if your following along my code and trying to see the output on your phone, it would give this error. or if there are any actual network issues as well. 🔴 so the way you can see the output on your phone is : 🟠 the api folder which we have created, inside that I have initialised a index.js file where all the backend code resides, over there no changes are to be made. 🟡 so let's suppose you are trying to register the user, the change has to be made in the register function : 🔴 so basically here you have to use your ip address and modify the URL. for example my ip address = xxx.xxx.xx.xx 🔵 axios.post("xxx.xxx.xx.xx:3000/register",user).then((response) => { console.log(response); Alert.alert("Registration successful","You have been registered successfully"); }).catch((error) => { Alert.alert("Registration failed","An error occurred while registering"); console.log("registration failed",error) }); 🟢 axios.post("xxx.xxx.xx.xx:3000/login", user).then((response) => { console.log(response); const token = response.data.token; AsyncStorage.setItem("authToken",token); router.replace("/(tabs)/home") }) so I basically have a android phone and this works for me after making these changes, hope this helps! To get your address Mac = ipconfig getifaddr en0 Windows = ipconfig
@gaurav_tiwari_108
@gaurav_tiwari_108 9 ай бұрын
Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons Why should got this type of error?
@sujananand6155
@sujananand6155 8 ай бұрын
this occurs when you try to use a React Hook (like useState) outside of the body of a functional component or in a place where hooks are not allowed.
@prashlovessamosa
@prashlovessamosa Жыл бұрын
Dhanyawad bhai 2 din wait krna padega
@sujananand6155
@sujananand6155 Жыл бұрын
Haanji
@Marshal-786
@Marshal-786 Жыл бұрын
@@sujananand6155 plz make in hindi
@anvu8974
@anvu8974 Жыл бұрын
can you also show the way to update or delete the address ? Anyway, it's a live saving video bro. Big thanks to you
@sujananand6155
@sujananand6155 Жыл бұрын
Try googling this, it's simple.... no problem
@anvu8974
@anvu8974 Жыл бұрын
@@sujananand6155 i've been searching for the solutions for days but no answers. Can you give me some key words
@nghianguyentrong1211
@nghianguyentrong1211 11 ай бұрын
can you post the UI of this application here?
@akshaybajantri3050
@akshaybajantri3050 10 ай бұрын
Great video, I am getting axios network errror for register and login not able to resolve them.
@sujananand6155
@sujananand6155 10 ай бұрын
Oh okay, of your trying it on your own phone then follow along the description given in the video, make the necessary changes in the register function with your ip address, else in the emulator it should work fine, check the github code once
@sujananand6155
@sujananand6155 9 ай бұрын
🔴 so basically if your following along my code and trying to see the output on your phone, it would give this error. or if there are any actual network issues as well. 🔴 so the way you can see the output on your phone is : 🟠 the api folder which we have created, inside that I have initialised a index.js file where all the backend code resides, over there no changes are to be made. 🟡 so let's suppose you are trying to register the user, the change has to be made in the register function : 🔴 so basically here you have to use your ip address and modify the URL. for example my ip address = xxx.xxx.xx.xx 🔵 axios.post("xxx.xxx.xx.xx:3000/register",user).then((response) => { console.log(response); Alert.alert("Registration successful","You have been registered successfully"); }).catch((error) => { Alert.alert("Registration failed","An error occurred while registering"); console.log("registration failed",error) }); 🟢 axios.post("xxx.xxx.xx.xx:3000/login", user).then((response) => { console.log(response); const token = response.data.token; AsyncStorage.setItem("authToken",token); router.replace("/(tabs)/home") }) so I basically have a android phone and this works for me after making these changes, hope this helps! To get your address Mac = ipconfig getifaddr en0 Windows = ipconfig
@patel5532
@patel5532 Жыл бұрын
Can beginner follow this course? I've just know basic of react native, doesn't build any thing, read some docs only. And could you build reactive native cli course as well. I heard than in real life projects most of the company using react native clis
@sujananand6155
@sujananand6155 Жыл бұрын
Yes, absolutely, try building this and you'll gradually improve!
@JohnHall-wn8pp
@JohnHall-wn8pp 5 ай бұрын
Which password are we also entering in the register section
@mateengaba3352
@mateengaba3352 10 ай бұрын
i register on postman or web, so register successful but i register on expo mobile app. he show: registration failed [AxiosError: Network Error]. plz resolve this error.
@summerhope4419
@summerhope4419 8 ай бұрын
I'm having the same error. Is there a way to fix it?
@Abhishek-fo3fc
@Abhishek-fo3fc Жыл бұрын
I got lot of axios network and 404 error and suddenly they start working some times they give error. Don't know what to do? Can you help? Nice way of teaching❤
@deenadayalane311
@deenadayalane311 11 ай бұрын
Hi, Thank you for your video. I have facing an error while doing jwt decode with token. Error: [InvalidTokenError: Invalid token specified: invalid base64 for part #2 (Property 'atob' doesn't exist)]. kindly give me solution to resolve this issue. Please do needful. Thanks!
@shivangthacker152
@shivangthacker152 8 ай бұрын
Do npm install core-js & Import "core-js/stable/atob" in that specific filr
@JohnHall-wn8pp
@JohnHall-wn8pp 5 ай бұрын
Can anyone help me with this error "main" has not been registered. This can happen if: * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. * A module failed to load due to an error and 'AppRegistry.registerComponent wasn't called. 😢
@sohamdwivedi6340
@sohamdwivedi6340 2 ай бұрын
is this error created by react-native-image-slider-box? if so and if resoled then please send the solution.
@sankethiremath1430
@sankethiremath1430 2 ай бұрын
I have added console.log for token it is coming, after jwt_decode I have added log for decoded token but it's not coming. Whatever the code after jwt_decode, I have added its not working. Please help me with this
@yafisraza1210
@yafisraza1210 10 ай бұрын
I am facing an error in (TypeError:0 _jwtDecode.default is not a function (it is not defined))
@noibara225
@noibara225 10 ай бұрын
you should use: import "core-js/stable/atob"; import {jwtDecode} from 'jwt-decode';
@m__link6499
@m__link6499 Жыл бұрын
Hi dude, it's a little bit weird, when I try to register, I got an error saying : "AxiosError: NetWork Error" in youy vid : (1:20:00) ...do you have an idea please? thank you.
@sujananand6155
@sujananand6155 Жыл бұрын
If your trying on your phone, please read the description and follow along, else look into the code once again correctly even if one small thing goes here and there you will get axios error, try changing the port once and try again
@m__link6499
@m__link6499 Жыл бұрын
thank you for responding...I find the error which come from axios : in fact the "then" method doesn't work for both register and login , that means all the code inside this methode (the alert for instance ) doesn't work, even though the post works fine (the user is correctly register in mongodb)...Any idea please? thank you!!! @@sujananand6155
@dervaken3902
@dervaken3902 Жыл бұрын
same problem here, have u solved it?@@m__link6499
@sujananand6155
@sujananand6155 9 ай бұрын
🔴 so basically if your following along my code and trying to see the output on your phone, it would give this error. or if there are any actual network issues as well. 🔴 so the way you can see the output on your phone is : 🟠 the api folder which we have created, inside that I have initialised a index.js file where all the backend code resides, over there no changes are to be made. 🟡 so let's suppose you are trying to register the user, the change has to be made in the register function : 🔴 so basically here you have to use your ip address and modify the URL. for example my ip address = xxx.xxx.xx.xx 🔵 axios.post("xxx.xxx.xx.xx:3000/register",user).then((response) => { console.log(response); Alert.alert("Registration successful","You have been registered successfully"); }).catch((error) => { Alert.alert("Registration failed","An error occurred while registering"); console.log("registration failed",error) }); 🟢 axios.post("xxx.xxx.xx.xx:3000/login", user).then((response) => { console.log(response); const token = response.data.token; AsyncStorage.setItem("authToken",token); router.replace("/(tabs)/home") }) so I basically have a android phone and this works for me after making these changes, hope this helps! To get your address Mac = ipconfig getifaddr en0 Windows = ipconfig
@vivienhounsounou1867
@vivienhounsounou1867 11 ай бұрын
can you set editor and terminal font size to 24? it can't be that hard common!
@sujananand6155
@sujananand6155 11 ай бұрын
Okay
@AsharamSom-hj1rc
@AsharamSom-hj1rc Жыл бұрын
It start with different port but having same ipaddress so how can i change port
@sujananand6155
@sujananand6155 Жыл бұрын
There should be no change in the backend index.js file. The only change needed is replacing localhost with one's PC ip address in the register screen file in axios post. Rest everything same.
@harshitgupta1666
@harshitgupta1666 5 ай бұрын
bhaiya ek doubt tha,,mera image slider box kaam nhi kar rha ye error throw kar rha ye wala TypeError: Cannot read property 'style' of undefined, js engine: hermes ERROR Invariant Violation: "main" has not been registered. This can happen if: * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. * A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called., js engine: hermes guide kardijiey
@sohamdwivedi6340
@sohamdwivedi6340 2 ай бұрын
did you find any soultion?
@TranXuanDucPH
@TranXuanDucPH 20 күн бұрын
@@sohamdwivedi6340 did you find any soultion?
@TranXuanDucPH
@TranXuanDucPH 20 күн бұрын
did you find any soultion?
@zhblack8835
@zhblack8835 10 ай бұрын
Hi. I just want to ask you the solution to this problem: LOG registration failed [AxiosError: Network Error]
@sujananand6155
@sujananand6155 10 ай бұрын
Hey, could u read along the description and make the required changes if your working on your phone, in simulator it should work properly.... do checkout the github code once
@VmanVman-r3w
@VmanVman-r3w 9 ай бұрын
yes working on phone. how to remove this error tell as please @@sujananand6155
@randomviddxc
@randomviddxc Жыл бұрын
Hey a good idea to do is to upload a picture with mongo and node and react native , using cloudinary ;)
@sujananand6155
@sujananand6155 Жыл бұрын
Thanks.
Viral Video of a Man's Crazy Job Interview
16:02
Darryl Vega TV
Рет қаралды 1,4 МЛН
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 723 М.
Seja Gentil com os Pequenos Animais 😿
00:20
Los Wagners
Рет қаралды 34 МЛН
А что бы ты сделал? @LimbLossBoss
00:17
История одного вокалиста
Рет қаралды 10 МЛН
龟兔赛跑:好可爱的小乌龟#short #angel #clown
01:00
Super Beauty team
Рет қаралды 59 МЛН
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,5 МЛН
The Tri Folding Phone Impressions!
11:18
Marques Brownlee
Рет қаралды 133 М.
Космические гипотезы: Как возникло все?
3:51:04
Космическое путешествие
Рет қаралды 845 М.
Is the MERN Stack Really Dead in 2024? | What Developers need to know
16:20
Стыдные вопросы про Америку / вДудь
2:49:36
Master React JS in easy way
12:18
Nova Designs
Рет қаралды 107 М.
50+ LPA Roadmap | ezSnippet | Neeraj Walia
17:02
Neeraj Walia
Рет қаралды 1,3 МЛН
Best frontend and backend projects for resume
13:11
Hitesh Choudhary
Рет қаралды 225 М.
Seja Gentil com os Pequenos Animais 😿
00:20
Los Wagners
Рет қаралды 34 МЛН