![The Debug Arena](/img/default-banner.jpg)
- 78
- 999 203
The Debug Arena
India
เข้าร่วมเมื่อ 12 ม.ค. 2022
Welcome to "The Debug Arena" 🎉! We empower you to become a coding master. Whether you're into web development 🌐 or Android app creation 📱, our step-by-step tutorials and expert insights will help you achieve your coding goals. When you hit a roadblock 🚧, we're here to solve errors together 🤝 so you can overcome any coding challenge with ease.
What We Teach:
React JS ⚛️: Build dynamic user interfaces.
MongoDB 🍃: Use flexible NoSQL databases.
MySQL 🐬: Manage relational databases efficiently.
Node JS 🟢: Develop robust backend solutions.
React Native 📲: Create high-performance mobile apps.
Android Development 🤖: Build seamless mobile applications.
Angular 🔺: Develop single-page web applications.
Firebase 🔥: Integrate real-time database and authentication.
Full Stack Development 🌐: Become a proficient full stack developer.
We are dedicated to helping you troubleshoot every problem mentioned in the comments 🛠️.
Hit that subscribe button 🔔 and boost your coding journey!
Thank you 🙏.
What We Teach:
React JS ⚛️: Build dynamic user interfaces.
MongoDB 🍃: Use flexible NoSQL databases.
MySQL 🐬: Manage relational databases efficiently.
Node JS 🟢: Develop robust backend solutions.
React Native 📲: Create high-performance mobile apps.
Android Development 🤖: Build seamless mobile applications.
Angular 🔺: Develop single-page web applications.
Firebase 🔥: Integrate real-time database and authentication.
Full Stack Development 🌐: Become a proficient full stack developer.
We are dedicated to helping you troubleshoot every problem mentioned in the comments 🛠️.
Hit that subscribe button 🔔 and boost your coding journey!
Thank you 🙏.
Install MySQL on Windows || Install MySQL Server and Workbench [2024-Updated]
Install MySQL on Windows || Install MySQL Server and Workbench [2024-Updated]
มุมมอง: 131
วีดีโอ
Build One-On-One & Group Video Call App in React || ZEGOCLOUD
มุมมอง 22114 วันที่ผ่านมา
#zegocloud #videocall #reactjs #sdk #api · Get 10000 free mins with UIKits: bit.ly/3W8WHd0 · Learn more about ZEGOCLOUD: bit.ly/3W68KYF · 100% customized video call SDK: bit.ly/3XOxdmA · How to build a video call App: bit.ly/4cjSuJj ZEGOCLOUD video call SDK &API allows you to easily build your live video chat apps within minutes. Hello Guys, In this video I have created a full fledge video call...
Search in React JS || Create Search Bar In React JS
มุมมอง 234หลายเดือนก่อน
Hello Guys, In this video I have shown how we can apply search functionality in our react JS application. I have implemented search login in backend by creating a search API so that it is optimized and returns the response very fast. React code : github.com/the-debug-arena/login-registration.git Node code: github.com/the-debug-arena/login-registration-server-node.git Thank You.
React Native Maps Tutorial || Step-by-Step || Maps with React Native
มุมมอง 1.9Kหลายเดือนก่อน
Hello Guys, In this Tutorial I have shown how we can integrate React Native Maps in our React Native Application and work with it. First we installed React Native Maps and completed its configuration. After that we started with showing Map in our application. Then we explored other components of React Native Maps e.g. MapView, Marker, Polyline and their props. Once done with this we worked on h...
How to Get Google Maps API Key for FREE (Step-by-Step Instructions 2024)
มุมมอง 6K2 หลายเดือนก่อน
Hello Guys, In this video I have shown steps to generate google maps api key for free. We don't need credit card to get the google maps api key. We can use this google maps api key in our react native or flutter application to integrate google maps. Thank You.
Protected Routes & Private Routes in React JS with React Router V6 || Role based Routing
มุมมอง 4.9K2 หลายเดือนก่อน
Hello everyone, In this video, I explain the different types of routing in React JS. We cover Protected and Private Routes in React JS, which help ensure that users can only access specific screens based on their authorization and permissions. By applying these routes, we enhance the security and user experience of our applications. Additionally, we demonstrate how to manipulate the navigation ...
Tab Navigation in React Native | React Navigation Merge Stack, Drawer & Tab | React Native Tutorial
มุมมอง 2.1K2 หลายเดือนก่อน
In this video I have implemented tab navigation in React Native. In one of my previous video we have implemented Stack Navigator and Drawer Navigator, so in this I have merged Stack, Drawer and Tab so that we can work with all three of them. I have shown how to create custom tab and how to style all of your tab items.
Upload image to Firebase in React JS | Firebase Storage generate URL | Store URL in Mongo DB Node JS
มุมมอง 1.2K2 หลายเดือนก่อน
Hello Guys, In this tutorial I have shown how we can upload Image in React JS using Firebase. We will pick the image and store that image to Firebase from firebase we will get URL of the image which we will store inside Mongo DB. At last we will fetch all the images from mongo db and show them here. Code: github.com/the-debug-arena/Firebase-Image-Upload.git Please Subscribe to my channel. Do sh...
Sign In With Google in React JS using firebase || Integrate firebase with React Js | Google Login
มุมมอง 4.2K2 หลายเดือนก่อน
Hello Guys, In this video I have explained how we can integrate google login in our React JS project. User can login with google once logged in user will be navigated to screen where he can see his details. Code: github.com/the-debug-arena/Login-Auth-Firebase-ReactJS.git 0:00- Demo 1:31- Setup Firebase 2:49- Enable Google Provider 3:37- Understanding Firebase Config 4:19- Creating SignInWithGoo...
Firebase Auth with React Step-by-Step Tutorial || Login Register auth with firebase React Firestore
มุมมอง 18K4 หลายเดือนก่อน
Hello Guys, In this video I have integrated Firebase in our React JS application to do Register, login, getting the user details and staying logged in until logout button is present. In this I have used two services of firebase one is Authentication & Firestore. Login in React JS with Firebase. Register in React JS with Firebase. Logout in React JS with Firebase. Stay Logged In in React JS with...
#19 How to create search filter in React Native || Search through Flatlist || Search from API
มุมมอง 1.1K4 หลายเดือนก่อน
Hello guys, In this video I have shown how we can apply search functionality in react native application. First we have fetched all the data from mongo db and stored it in state. After that we are doing search on that data with the strings receiving from search bar. Based on that we are showing results. Code: github.com/the-debug-arena/Friends_Book/tree/e2d53ccfb13e4d771c691ce0a7c32e7b33b3d3cc ...
#18 How to delete user in React Native and Mongo DB || Mongo DB data deletion || Real time update
มุมมอง 5535 หลายเดือนก่อน
Hello Guys, In this video I have shown how we can delete the registered user in our react native application. We have created an api in node js which accesses mongo db database and using deleteOne method it delete's the particular user. When user is deleted we are updating it real time in our react native application. Code: github.com/the-debug-arena/Friends_Book/tree/de19e0c45beadf49c806380416...
#17 Get all data from Mongo db and display it in React Native || Fetch data in MERN & React Native
มุมมอง 1.5K5 หลายเดือนก่อน
Hello Guys, In today's video I have shown how we can fetch all the registered user data from mongo db and show it in our react native. When admin will login to our application he will see the list of all registered user. Code: github.com/the-debug-arena/Friends_Book/tree/b4b16e1b57936708fa314271a650ee6775238045 Thank You.
android gradle plugin requires java 17 to run. you are currently using java 11 in React Native Issue
มุมมอง 6K5 หลายเดือนก่อน
#reactnative #java17 #java11 #androidgradle In this video I have shown how we can fix "android gradle plugin requires java 17 to run. you are currently using java 11" in React Native. By installing JDK 17 and replacing it with JDK 11
#16 Login and Register as Admin in React Native || Role based system in React Native Node Mongo DB
มุมมอง 1.8K5 หลายเดือนก่อน
#reactnative #adminlogin #role based login Hello Guys, In this video I have shown how we can register as admin and user from same registration screen. When a person register as user and do login he will be navigated to User Homepage. If a person register as Admin and do login he will be navigated to Admin Homepage. We also have tackled the scenario of admin closing the application without doing...
#15 How to upload image in Node js and Mongo db from React Native || React Native upload image #MERN
มุมมอง 4.4K5 หลายเดือนก่อน
#15 How to upload image in Node js and Mongo db from React Native || React Native upload image #MERN
Video Calling App in React Native using ZEGOCLOUD | Video Call in React Native | Group Video Call
มุมมอง 2K5 หลายเดือนก่อน
Video Calling App in React Native using ZEGOCLOUD | Video Call in React Native | Group Video Call
#14 Custom Toast Message in React Native || Alert ❌ Toast ✔ || React Native Toast Message
มุมมอง 4.2K6 หลายเดือนก่อน
#14 Custom Toast Message in React Native || Alert ❌ Toast ✔ || React Native Toast Message
#13 Stop Going back from Home to Login React Native || Functionality like Flipkart React Native
มุมมอง 2K6 หลายเดือนก่อน
#13 Stop Going back from Home to Login React Native || Functionality like Flipkart React Native
#12 Keep user logged in | Switching between two navigator | AsyncStorage || React Native Application
มุมมอง 5K6 หลายเดือนก่อน
#12 Keep user logged in | Switching between two navigator | AsyncStorage || React Native Application
#11 Login Authentication in React Native using JWT Token | React Native, Node JS & Mongo DB Tutorial
มุมมอง 11K7 หลายเดือนก่อน
#11 Login Authentication in React Native using JWT Token | React Native, Node JS & Mongo DB Tutorial
#10 Login Register Authentication in React Native with Node JS, Express JS and Mongo DB ||#mernstack
มุมมอง 22K7 หลายเดือนก่อน
#10 Login Register Authentication in React Native with Node JS, Express JS and Mongo DB ||#mernstack
#9 How to do Form Validation in React Native || Login Register UI with Validation in React Native
มุมมอง 5K7 หลายเดือนก่อน
#9 How to do Form Validation in React Native || Login Register UI with Validation in React Native
#8 Login & SignUp UI in React Native | React Native Tutorial | React Native Projects | SignUp System
มุมมอง 4.5K8 หลายเดือนก่อน
#8 Login & SignUp UI in React Native | React Native Tutorial | React Native Projects | SignUp System
#7 Font Awesome Icon in React Native || Icons in React Native || Full setup || React Native Tutorial
มุมมอง 8K8 หลายเดือนก่อน
#7 Font Awesome Icon in React Native || Icons in React Native || Full setup || React Native Tutorial
#6 App Icon & Splash Screen in React Native | Complete Setup | React Native Tutorial Custom App Icon
มุมมอง 14K8 หลายเดือนก่อน
#6 App Icon & Splash Screen in React Native | Complete Setup | React Native Tutorial Custom App Icon
#5 Drawer Navigation in React Native | React Native Tutorial | React Navigation Merge Stack & Drawer
มุมมอง 27K9 หลายเดือนก่อน
#5 Drawer Navigation in React Native | React Native Tutorial | React Navigation Merge Stack & Drawer
How to View Pdf in React using React PDF || React PDF Viewer || Full setup React PDF || React JS
มุมมอง 34K9 หลายเดือนก่อน
How to View Pdf in React using React PDF || React PDF Viewer || Full setup React PDF || React JS
How to upload PDF files in React js Node js Mongo Db using Multer | Upload files with multer Node js
มุมมอง 26K10 หลายเดือนก่อน
How to upload PDF files in React js Node js Mongo Db using Multer | Upload files with multer Node js
#4 Stack Navigation in React Native | React Native Tutorial | React Navigation
มุมมอง 14K10 หลายเดือนก่อน
#4 Stack Navigation in React Native | React Native Tutorial | React Navigation
can someone provide api key
Thanks
thank you bro!! , it is very helpfull
Thank you for this video, I found it very helpful
thank you for this! this was really helpful
I got the API key, but it showing, This page can't load Google Maps correctly. for development purpose only watermark. 🥲
thanks
It is not working now, asking to enter card details.
Thanks bro! You helped me a lot with this content! <3
thanks bother you made my prob solve. xd
oh bhai saab ...bc mza agya😂 Dil ki gehraiyo se thankiuu mere bhai
Excellent content which I want it now. Simple and beautiful explanation.
Disk storage is not working after deployment
you are one of the best in youtube ...love you bro 🤩🤩🤩🤩🤩🤩
2re feek
w me
w me
Dude how do we connect email and google provider in firebase, for me after i sign in with google ,my google provider is overwriting email provider and further i am not able to login through email and password, how to make user to login through both ways!
Please share the link ,how to run in mobile application
Plz reply as soon as possible 😢😅
Par hamara nhi ho raha hai uae use karne ke baad woh no option show ho raha hai
no it does not require billing for most of the API u just need to click on the navigation menu icon which is present at the top left corner just before the text "Google Cloud"
I am getting Error=> Permission is NULL at 12:56
bro make a vedio of changing it in expo app
Hey Brother can I follow this playlist while using expo?
@@kashifahmed5602 yes you can there Will be no major difference
why display this error ( "AIRMap" was not found in the UIManager ). how to fixed this
Try Re-Installing package with yarn
@@thedebugarenaI try it but it not fix
@@wasanthakumara2356 if possible try creating new project and if the issue is same try by downgrading react native maps version.
@@thedebugarena what is you use map version & react native version.
Excellent buddy but you know if its possible to put an image or a toast where i can put an image and display?
If you mean image in a toast then yes it is possible. Just go through the document there is one example.
THANKS MAN GREAT EXPLAINATION . I WASTED HALF DAY ON SETUP INSTALLATION . BUT AFTER WATCHING YOUR VIDEO IT WORKS
I have a case where user will enter address and need to convert that to coords and mark it in the map. How can this be implemented ? How to convert the user input to coords ?
Basically there is no need to do this. In order to fetch the address in google map you will have to buy google API key. If you do so it will provide much more better features then this. There you can directly search through address and it will give you distance.
@@thedebugarena No I don't need calculation of distance but there will be a input to enter location manually and when this happens I need to convert that given address and mark in the map
@@gopinathkrm58 yaa for that you will have to buy Google map api key
@@thedebugarena okay thank you, I saw another video of urs to get free api and that doesn't work?
@@gopinathkrm58 That works there are limited functionality you can get from there but not all
I think simpler solution would be switch navigator, what do you think?
You can try but in some scenario it can misbehave.
Love this Brother... Thanks....
i have a question, How we change the localhost ip address when i publish the app? if we publish the app what website or online server we suppose to use?
So whenever you will plan to host the application you first need to host your backend i.e. node JS once you host node JS you will get one link. That link should be placed in frontend code instead of localhost.
For the latest react native these version works fine for all the navigations: "dependencies": { "@react-navigation/drawer": "^6.7.2", "@react-navigation/native": "^6.1.18", "react": "18.2.0", "react-native": "0.74.3", "react-native-gesture-handler": "^2.17.1", "react-native-reanimated": "^3.14.0", "react-native-safe-area-context": "^4.10.8", "react-native-screens": "^3.32.0"
Sir my map on android phone is not loading
Make sure you have enabled all the required apis in Google cloud platform
I've been stuck on this error all day. Your help is really appreciated! 😊
Why you not pass the cors in back-end
We can
wow, I thought at the beginning of the video that it was with the new api xd
What is It's disadvantage? Why will someone use google meet rather than this? Is it totally free or it has pricing?
Google meet is whole product application you can directly use. This is sdk which provide you to integrate many features in you application which can be complicated if you try to code from scratch. This is not totally free after exhausting 10,000 min you will have to buy their plans to keep using their services.
You are so awesome, keep it up .. i share your video to my classmate and i recommend your channel to them .
Thanks😇
First view and first like
wow! amazing. really im learned new thing here.. thanks alot brother..
. github repo link please
But when you press black button then you will go inside screen without login how we can manage if user press logout then user can't go back
For thar checkout this video th-cam.com/video/hQ19HIC2rV0/w-d-xo.html
Google places new is not getting enabled it shows billing needed plz help with that
We cannot enable all of them some of them require billing.
@@thedebugarena credit card details enter krenge to paisa katega ???
no it doesnt require billing for most of the API u just need to click on the navigation menu icon which present at the top left corner just before the text "Google Cloud"
I am currently working on my Final Year Project as a Software Engineer, this playlist really help me. Thank you very much for making it.
i wasted one day for this storing image as base64 in mongo finally completed tq very much
guys if u follow this video in july 2024, install latest npm install react-native-reanimated
nice content very well explained !
It's work but I want to ask here why they doesn't require permission for storage or camera something?
Can I use the same technique to build a data science project with python. But it shows to enable billing. Is it possible to use places api without enabling billing?
Actually not some of the API require billing
Can we fix that little blink ? Bcoz in my application we can read that see page
You can use loader to hide that
While building the Apk of the project , do we need to change the IP address while doing POST with axios in the Database ?
Yes if you want to work with backend you have to
@@thedebugarena Thanks Sir
Thanks!! PD: You left your API_KEY in the GitHub project.