Hello, everyone. Thanks so much Sujan Anand. You're one of the best TH-cam teachers in world. Simple and straight explanations with clear and clean code practices.
Hi Sujan, can you show me how to create the users without verification? I'm on the iPhone and don't want the app to only work when connected to my hotspot... thank you for the video!
Thank you so much Sujan Anand for spending your valuable time to make this video. Actually, its help me a lot to teach me how build a full stack RN app step by step. I hope you will produce more usefull videos like this.
my problem I'm having trouble installing Android studio. I've been stuck on that on that for one week now. What do you use for your development environment and the steps required ?
Hey sujan need help. 1:52:00 when trying to get userId from jwt-decode it is giving type error jwtEcode is Not a function ,it is object. Not able to get userId.
@@sujananand6155 jwt-decode is already installed version 4.0.0. Uninstall it & go with 3.1.2 then it worked. 3.1.2 is there in your package.json . thanks
which independencies should be installed before beginning the project, because when I run npm start and choose between android, ios, or web I get errors
Can you explain to me how to fix this or have you ran into this issue before. InvalidTokenError: Invalid token specified: invalid base64 for part #2 (Property 'atob' doesn't exist) ? I search stack overflow and github on how to fix this and nothing came up
I came back to ask same question. His code may have been pre-written and he was coding and explaining. It should have been done within the jwt sign expiration period. To solve this problem,learn more about jwt verify and use it. The token will be generated
req.body - This holds data sent by the client in the request body, often used for creating or updating resources, When you're sending data via POST requests. req.params - This holds route parameters, usually defined in the route itself. For instance, in a route like /users/:userId, userId is a parameter that can be accessed via req.params.userId. Route parameters are useful when you want to retrieve specific resources based on their identifiers from the URL.
@@sujananand6155 can you suggest me any video on TH-cam to setup that AVD..I use Android.. I have tried a lot of times or can you provide a short tutorial. It will really help me a lot..
If your trying it on your own phone then 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.
Hello Sujan, I am a very very veryy beginner to mobile programming. And I'm sorry I know you have answered this question but I'm a bit confused with your answer that the only change will be changed is the register screen, is it the register screen under the app file or what? Please answer. By the way this is the error LOG registration Failed [AxiosError:timeout exceeded] LOG registration failed [Axios Error:Network Error
@@jesusleal7010 🔴 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
Hey man, good video ! However, did you notice that if you change the color of your SafeAreView (In the login page for example), the color stays white at the top and bottom of the screen ? Do you know how to fix that ? Thank you.
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.
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);
I follow the course step by step for whole 5 hours, thanks so much for the detailed guidance.
can you render the post in a flatlist ?
Yeah
Hello, everyone. Thanks so much Sujan Anand. You're one of the best TH-cam teachers in world. Simple and straight explanations with clear and clean code practices.
Thank you 😇
Thank you 😇
Thank you so much for this amazing project ❤❤❤❤❤
Your welcome!
Hi Sujan, can you show me how to create the users without verification? I'm on the iPhone and don't want the app to only work when connected to my hotspot...
thank you for the video!
bro full stack king you are i loved your tutorials
Thank you 😇
kindly explain in such a way so that beginners can also follow
Yeah sure you guys can understand
Thank you so much Sujan Anand for spending your valuable time to make this video. Actually, its help me a lot to teach me how build a full stack RN app step by step. I hope you will produce more usefull videos like this.
my problem I'm having trouble installing Android studio. I've been stuck on that on that for one week now. What do you use for your development environment and the steps required ?
You're welcome!
I use xcode to get my ios simulator, and then run , search on Google how to configure android studio for windows
Hey sujan need help. 1:52:00 when trying to get userId from jwt-decode it is giving type error jwtEcode is Not a function ,it is object. Not able to get userId.
I m also getting same error jwtDecode is not a function it is undefined. Plzz help. And also update source code
you have to install jwt decode first and import, check out the github code once
@@sujananand6155 jwt-decode is already installed version 4.0.0. Uninstall it & go with 3.1.2 then it worked. 3.1.2 is there in your package.json . thanks
import {jwtDecode} from "jwt-decode". Its import format has been changed recently
@@AbhinavKumar-dl2ph That did not help. The error is still there. JWTdecode didnt work there. Please @sujananand6155 check it out
broo your videos are easy to understand and well explained
Thank You
Your welcome!
which independencies should be installed before beginning the project, because when I run npm start and choose between android, ios, or web I get errors
Same I cannot resolve the error uncauchted bullshit
Run npx expo start. And press on I or a depending on your simulators
Amazing what you are doing Sujan Anand
Thanksss 😇
Can you explain to me how to fix this or have you ran into this issue before. InvalidTokenError: Invalid token specified: invalid base64 for part #2 (Property 'atob' doesn't exist) ?
I search stack overflow and github on how to fix this and nothing came up
I came back to ask same question. His code may have been pre-written and he was coding and explaining. It should have been done within the jwt sign expiration period. To solve this problem,learn more about jwt verify and use it. The token will be generated
@@gregfredder8645 paste "import 'core-js/stable/atob';" at the top of the code.
You are the best Sujan
Thank you.
Sujan, you are really amazing Thanks for this
You're welcome!
Thanks u
When to use req.body and when to use req.params ?
When there is search string in url
req.body - This holds data sent by the client in the request body, often used for creating or updating resources, When you're sending data via POST requests.
req.params - This holds route parameters, usually defined in the route itself. For instance, in a route like /users/:userId, userId is a parameter that can be accessed via req.params.userId. Route parameters are useful when you want to retrieve specific resources based on their identifiers from the URL.
what about the authentication component bro?
Thank you ❤️❤️
Bro, how fix this error?
Axios: Network Error
However, my internet is patched
Your welcome, checkout the description.
Thanks🙌❤️@@sujananand6155
This gem.thank you
Your welcome
This solution uses node.js backend or another state backend ?
Mongo db
how to get that virtual mobile beside the code editor ....?
Which platform your using
For iOS it’s x code
For android it’s android studio
@@sujananand6155 can you suggest me any video on TH-cam to setup that AVD..I use Android..
I have tried a lot of times or can you provide a short tutorial. It will really help me a lot..
Look like u forgot to do the part update post on the frontend >
LOG registration failed [AxiosError: timeout exceeded]
LOG registration failed [AxiosError: Network Error]
can anyone help me with this 2 prob ?
If your trying it on your own phone then
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.
@@sujananand6155 Hi, did this and still get the same error
@@sujananand6155 I'm getting registration failed [AxiosError: Request failed with status code 404]
Bro i am waiting react native firebase firestore food app or ecommerce app
Hello Sujan, I am a very very veryy beginner to mobile programming. And I'm sorry I know you have answered this question but I'm a bit confused with your answer that the only change will be changed is the register screen, is it the register screen under the app file or what? Please answer.
By the way this is the error
LOG registration Failed [AxiosError:timeout exceeded]
LOG registration failed [Axios Error:Network Error
Yes basically the register function there u should make the change.
Hello, I have the same error, did you manage to solve it?
@@jesusleal7010 🔴 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
@@sujananand6155 I already followed that however still the error is still there😭
@@jesusleal7010 have you solve your error??
I have a big bug [AxiosError: Network Error] when i register , please help me
Same here
Amazing👍👍
Thanks 🤗
Good tutorial ❤
Thank you! 😊
Great tutorial !
Thanksss 😇
Please one video Custom Drawer, Stack and Tab navigation
Hey man, good video ! However, did you notice that if you change the color of your SafeAreView (In the login page for example), the color stays white at the top and bottom of the screen ? Do you know how to fix that ? Thank you.
I have to check that bro.
@@sujananand6155 thank you, keep me informed
What is a Build folder ? Mereko BC error dikha raha he starting me hi
Build folder is a separate folder that I've created in my documents, you have to create it first and then try cd build
really good video, i'd just suggest to add timestamps to make it easier to find the parts of special interest for each person
Thanks. Okay!
error occured while registering?????? what to do man. I am using expo go app
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.
@@sujananand6155 thanks buddy
@@sujananand6155 can you make a short of that issue?
Getting registration failed [AxiosError: Request failed with status code 404]
Someone please help
Brother one video on how to change language in react-native expo please bro..
Very good video but you dont show how you solve errors. For example, jwt decode kept popping several errors but you editted that part.
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);
Can we work on Android emulator nwith the same code.
Yeah you can
can you provide the comment section code
Bro, make app a with appwrite with typescript please.
1:30:17
sir pls build with typescript
Still have to learn about it
Sir please build with JavaScript
i need src source code - coming soon and db
Okay sure by tomorrow it will be updated.
Brother if possible, please make a clone Urban Company (UrbanClap) App.
Okay
i need src
🌠🌠🌠🌠🌠
hi
🙏🙏👍👍👍😊
Thank you!
Hi I am Getting this
Error -> import typeof AccessibilityInfo from './Libraries/Components/AccessibilityInfo/AccessibilityInfo';