- 85
- 1 206 431
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 🙏.
module not found error visual studio code in node js || cannot find module error in node js
module not found error visual studio code in node js || cannot find module error in node js
Переглядів: 11
Відео
Form Validation in React using Hooks || ✅️ Html Form Validation ✅️ JS Validation
Переглядів 308День тому
Hello Guys, In this tutorial I have shown different ways in which we can validate the form and as well as fields. I have also covered how we can do form validation through HTML default attributes and why it is not recommended to rely on that. To solve the security issues of HTML default validators we will use Hooks to validate the data entered in the fields and will show the error on click of s...
Navigate between pages in React || Routing in React || React Router V6
Переглядів 210Місяць тому
Welcome to The Debug Arena! In this tutorial, we’ll walk you through the essentials of React Router in 2024. Whether you're just getting started with React JS or want to learn advanced concepts like protected routes and lazy loading, this video has everything you need. We’ll cover the step-by-step setup of React Router, from basic navigation to handling 404 pages, passing data via params, and m...
#2 Connect MySql with node js and React js
Переглядів 158Місяць тому
🚀 Welcome to My Channel! In this tutorial, you'll learn how to seamlessly connect MySQL to your Node.js application, enabling efficient data storage and retrieval. We’ll explore an automatic table creation method that sets up your database structure without the hassle of manual input! Key Highlights: ✅ Step-by-step guide to establish a MySQL connection with your Node.js app. ✅ Automatically cre...
#1 What is MVC Architecture? | Model View & Controller in Node JS | MVC pattern in Node JS
Переглядів 268Місяць тому
Hello Guys, In this video I tried to explain about MVC architecture. Also, I have shown some of the best folder structure for your next Node JS project which follows MVC architecture. Find folder structure here: github.com/AadarshThakur03/Node-MVC-Backend-Project-Structure.git Let me know in comment which folder structure you prefer. 0:00 - Introduction 0:20 - Common Mistakes to Avoid 1:27 - Un...
How to create Live streaming app in React JS || Instagram live feature on Windows- ZEGOCLOUD
Переглядів 1872 місяці тому
Get 10000 free mins with UIKits: bit.ly/4fVXNAZ Take advantage of ZEGOCLOUD: bit.ly/3AHyHpi How to build a live streaming app: bit.ly/3T8tbSP ZEGOCLOUD live streaming SDK allows you to easily build your live streaming apps within minutes. #zegocloud #livestreamingsdk #streamingservice
Host Node JS Application for FREE on Back4App || NodeJS FREE Hosting
Переглядів 5 тис.3 місяці тому
Hello Guys, Looking to host your backend application and not finding any good platform? No problem, I have the solution for you! In this video, I've shown how we can deploy our Node.js application on Back4App, a platform that provides a free tier without requiring a credit card, so that we can access it from anywhere. Follow my step-by-step instructions to get your application up and running in...
How to Install MySQL in Windows || MySQL Server and workbench installation guide.
Переглядів 2843 місяці тому
Hello Guys, In this video I covered step-by-step process to install MySQL server and MySQL Workbench in windows. So that we can efficiently work with databases in our local. I also focused on detail explaining of all the steps. Uninstalling part is also covered in this video so that if you are stuck in between you can start from scratch. Make sure to like the video and subscribe to my channel. ...
Video Call App in React JS || ZEGOCLOUD
Переглядів 6843 місяці тому
#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...
React Search Filter Tutorial || MERN Stack
Переглядів 6034 місяці тому
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
Переглядів 8 тис.5 місяців тому
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)
Переглядів 25 тис.5 місяців тому
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
Переглядів 16 тис.5 місяців тому
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
Переглядів 6 тис.5 місяців тому
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 in React JS | Firebase Storage generate URL | Store URL in Mongo DB Node JS
Переглядів 3,1 тис.5 місяців тому
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
Переглядів 9 тис.6 місяців тому
Sign In With Google in React JS using firebase || Integrate firebase with React Js | Google Login
Firebase Auth with React Step-by-Step Tutorial || Login Register auth with firebase React Firestore
Переглядів 36 тис.7 місяців тому
Firebase Auth with React Step-by-Step Tutorial || Login Register auth with firebase React Firestore
#19 How to create search filter in React Native || Search through Flatlist || Search from API
Переглядів 1,7 тис.8 місяців тому
#19 How to create search filter in React Native || Search through Flatlist || Search from API
#18 How to delete user in React Native and Mongo DB || Mongo DB data deletion || Real time update
Переглядів 7408 місяців тому
#18 How to delete user in React Native and Mongo DB || Mongo DB data deletion || Real time update
#17 Get all data from Mongo db and display it in React Native || Fetch data in MERN & React Native
Переглядів 2,1 тис.8 місяців тому
#17 Get all data from Mongo db and display it in React Native || Fetch data in MERN & React Native
android gradle plugin requires java 17 to run. you are currently using java 11 in React Native Issue
Переглядів 10 тис.8 місяців тому
android gradle plugin requires java 17 to run. you are currently using java 11 in React Native Issue
#16 Login and Register as Admin in React Native || Role based system in React Native Node Mongo DB
Переглядів 2,8 тис.8 місяців тому
#16 Login and Register as Admin in React Native || Role based system in React Native Node Mongo DB
#15 How to upload image in Node js and Mongo db from React Native || React Native upload image #MERN
Переглядів 6 тис.8 місяців тому
#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
Переглядів 2,7 тис.9 місяців тому
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
Переглядів 6 тис.9 місяців тому
#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
Переглядів 2,7 тис.9 місяців тому
#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
Переглядів 7 тис.10 місяців тому
#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
Переглядів 14 тис.10 місяців тому
#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
Переглядів 28 тис.10 місяців тому
#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
Переглядів 7 тис.11 місяців тому
#9 How to do Form Validation in React Native || Login Register UI with Validation in React Native
I got an error the screen where i used react native maps after built apk for react native map app closes when ever i open that screen.
Thanks Bro
As I started using navigator to switch between App to HomeScreen started getting error viewmanagerresolver returned null.
I can't use Marker because it saya: this.getNativeComponent is not a function(it is undefined) :c
guys just go to API in the navigation menu and just create your project and go back back back if the payment page comes up, i got my API key
How can you help me 🙏
Worked🎉
Bro after uploading when i click on the link which sent by the cloudinary api its shows failed to load PDF document how to fix this? Should I give any permission?
Hey when i click on storage it doest show me get started option what should i do showing me option of upgrade project help me
were you able to solve this problem?
Thank you so much this video is really very useful
Good work keep growing i have click this video because it was short video, make video short less then 17 min or less, I am sure you will grow
Thanks for your input will keep in mind from next time.
if still after updating the error exists mine was the same case i solved it through adding one line of code in android level gradle.properties file if its a flutter project org.gradle.java.home=E:/path_to_jdk_17
Well explained
This form validation is nothing as compared to what you do 💀
nice !
Hey free usages 600 hours one time hai ya per month?? Please reply If anybody knows.
As far I know it is monthly.
Thanks brother much appreciated
running on usb debugging the api is working but in the apk the api is not working any solution
@@mohderaf4296 ya it will not you will have to host the backend for that
Invariant Violation: requireNativeComponent: "AIRMap" was not found in the UIManager. This error is located at: in AIRMap (created by MapView) in MapView (created by MapImplementation) in RCTView (created by View) in View (created by MapImplementation) in MapImplementation (created by ExploreScreen) in RCTView (created by View) in View (created by ExploreScreen) in ExploreScreen (created by SceneView) in StaticContainer in EnsureSingleNavigator (created by SceneView) in SceneView (created by BottomTabView) in RCTView (created by View) in View (created by Screen) in RCTView (created by View) in View (created by Background) in Background (created by Screen) in Screen (created by BottomTabView) in RNSScreen (created by Animated(Anonymous)) in Animated(Anonymous) (created by InnerScreen) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by InnerScreen) in InnerScreen (created by Screen) in Screen (created by MaybeScreen) in MaybeScreen (created by BottomTabView) in RNSScreenContainer (created by ScreenContainer) in ScreenContainer (created by MaybeScreenContainer) in MaybeScreenContainer (created by BottomTabView) in RCTView (created by View) in View (created by SafeAreaProviderCompat) in SafeAreaProviderCompat (created by BottomTabView) in BottomTabView (created by BottomTabNavigator) in PreventRemoveProvider (created by NavigationContent) in NavigationContent in Unknown (created by BottomTabNavigator) in BottomTabNavigator (created by TabLayout) in RCTView (created by View) in View (created by TabLayout) in TabLayout (created by IndexScreen) in RCTView (created by View) in View (created by IndexScreen) in IndexScreen (created by SceneView) in StaticContainer in EnsureSingleNavigator (created by SceneView) in SceneView (created by Drawer) in RCTView (created by View) in View (created by Screen) in RCTView (created by View) in View (created by Background) in Background (created by Screen) in Screen (created by Drawer) in RNSScreen (created by Animated(Anonymous)) in Animated(Anonymous) (created by InnerScreen) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by InnerScreen) in InnerScreen (created by Screen) in Screen (created by MaybeScreen) in MaybeScreen (created by Drawer) in RNSScreenContainer (created by ScreenContainer) in ScreenContainer (created by MaybeScreenContainer) in MaybeScreenContainer (created by Drawer) in RCTView (created by View) in View (created by Drawer) in RCTView (created by View) in View (created by AnimatedComponent(View)) in AnimatedComponent(View) in Unknown (created by Drawer) in RCTView (created by View) in View (created by AnimatedComponent(View)) in AnimatedComponent(View) in Unknown (created by PanGestureHandler) in PanGestureHandler (created by PanGestureHandler) in PanGestureHandler (created by Drawer) in Drawer (created by DrawerViewBase) in DrawerViewBase (created by DrawerView) in RNGestureHandlerRootView (created by GestureHandlerRootView) in GestureHandlerRootView (created by DrawerView) in RCTView (created by View) in View (created by SafeAreaProviderCompat) in SafeAreaProviderCompat (created by DrawerView) in DrawerView (created by DrawerNavigator) in PreventRemoveProvider (created by NavigationContent) in NavigationContent in Unknown (created by DrawerNavigator) in DrawerNavigator (created by DrawerNavigation) in DrawerNavigation (created by SceneView) in StaticContainer in EnsureSingleNavigator (created by SceneView) in SceneView (created by SceneView) in RCTView (created by View) in View (created by DebugContainer) in DebugContainer (created by MaybeNestedStack) in MaybeNestedStack (created by SceneView) in RCTView (created by View) in View (created by SceneView) in RNSScreen (created by Animated(Anonymous)) in Animated(Anonymous) (created by InnerScreen) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by InnerScreen) in InnerScreen (created by Screen) in Screen (created by SceneView) in SceneView (created by NativeStackViewInner) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by ScreenStack) in RNSScreenStack (created by ScreenStack) in ScreenStack (created by NativeStackViewInner) in NativeStackViewInner (created by NativeStackView) in RNCSafeAreaProvider (created by SafeAreaProvider) in SafeAreaProvider (created by SafeAreaProviderCompat) in SafeAreaProviderCompat (created by NativeStackView) in NativeStackView (created by NativeStackNavigator) in PreventRemoveProvider (created by NavigationContent) in NavigationContent in Unknown (created by NativeStackNavigator) in NativeStackNavigator (created by App) in EnsureSingleNavigator in BaseNavigationContainer in ThemeProvider in NavigationContainerInner (created by App) in RNGestureHandlerRootView (created by GestureHandlerRootView) in GestureHandlerRootView (created by App) in UserProvider (created by App) in App (created by withDevTools(App)) in withDevTools(App) in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer in main(RootComponent), js engine: hermes Help someone
Are u able to solve this?
Thank you, But when i build the project i only get empty index.html page, how to make pages in the src folder live? And how to hide code logic from clients? sorry im new to web dev
Nicely explained👍
I am badly in need of help this video is 💎 gem ❤
I am able to store the url on mongo and also retrieving the url but once I display it , it dosent work. On looking at network it shows that localhost gets added to the image
bro, can you make a dashboard that when an admin will logon if will redirected to dashboard and inside in the dashboard, there are features. Also when clicking to each feature is it will not go to other page but will remain in the dashboard page. thanks bro in advance❤ btw great video bro❤
Thanks for this video. I have been searching for this for days and yet couldn't understand how to implement it but thanks to you now I am able to get it.
תודה!
Thanks a lot.
if you make it in hinglish so this course becomme more good
brother can we highlight certain text on pdf , that are passed in as input.
thank u so muchhh ❤❤❤❤
Bro props. Navigation. Navigate() doesnt work for me. Any Solutions??😢
your way is totally wrong because first you get all the data and then slice it, which is totally wrong, you should do it using skip and limit mehtod of mongoose.
Thanks a lot. Your video was really very helpful. Keep it up!!!
Thanks!
how can we make secret key hashed in code for all
Bro at 4:36 it's not getting enabled for me it's showing error can you help me pls..
What error are u getting can u share with me
@@thedebugarena when I press save it simply says error updating email/password Other method like Google authentication is getting saved but native providers(email/ password, phone and anonymous ) aren't being saved it's showing error
@@thedebugarena it also says on top that cross origin redirect sign-in is no longer supported in many browsers. Update app to ensure you can sign into your app.
@@qwerty20917 can u try creating new project or with different Google account
4:36
good job
very nice bro
Bro the emulator not fitting with in the screen.what to do
Thanks you sir ...
Great video! This topic is easy for anyone to understand.
can edit exist content in pdf
Thank You So Much Bro.
Nice
thanks brother
maja aa gya
hello, you can help me , for api ?
This is the best playlist I have watched for react-native. Can you also please make a video tutorial on email verification and password reset functionalities when you get some time. I think they are very crucial to learn in any modern apps. Thanks.
save my life. very helpful
Very helpful bro. Keep rocking 🎉
Thank you soooo verrrryyyy muccccchhh 🥺🥺