- Видео 86
- Просмотров 1 224 783
The Debug Arena
Индия
Добавлен 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 🙏.
#5 Login and Register in React JS using Node JS and MySQL
Hello Guys,
In this video I have explained in detail about implementing the complete authentication in React JS, Node JS and MySQL. I have followed the advanced method and MVC structure so that you can learn how to write code more efficiently.
Frontend Code:
github.com/AadarshThakur03/Job-Portal-Frontend.git
Backend Code:;
github.com/AadarshThakur03/Job-Portal-Backend.git
Make sure to like the video and subscribe to the channel.
Thank You.
In this video I have explained in detail about implementing the complete authentication in React JS, Node JS and MySQL. I have followed the advanced method and MVC structure so that you can learn how to write code more efficiently.
Frontend Code:
github.com/AadarshThakur03/Job-Portal-Frontend.git
Backend Code:;
github.com/AadarshThakur03/Job-Portal-Backend.git
Make sure to like the video and subscribe to the channel.
Thank You.
Просмотров: 221
Видео
Cannot find module module not found vs code node js error
Просмотров 176День назад
Cannot find module module not found vs code node js error
#4 React JS form handling and validation using Hooks
Просмотров 32021 день назад
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...
#3 Navigation, Private Routes and Lazy loading in React JS | Learn Routing in React JS React Router
Просмотров 248Месяц назад
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
Просмотров 187Месяц назад
🚀 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
Просмотров 3432 месяца назад
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
Просмотров 2172 месяца назад
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
Просмотров 6 тыс.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.
Просмотров 2903 месяца назад
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
Просмотров 7454 месяца назад
#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
Просмотров 6305 месяцев назад
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
Просмотров 9 тыс.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)
Просмотров 27 тыс.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
Просмотров 17 тыс.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 тыс.6 месяцев назад
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,3 тыс.6 месяцев назад
Upload image in React JS | Firebase Storage generate URL | Store URL in Mongo DB Node JS
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
Просмотров 38 тыс.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
Просмотров 7558 месяцев назад
#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,2 тыс.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
Просмотров 11 тыс.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 тыс.9 месяцев назад
#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 тыс.9 месяцев назад
#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,8 тыс.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 тыс.10 месяцев назад
#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,8 тыс.10 месяцев назад
#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
Просмотров 8 тыс.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
Просмотров 29 тыс.10 месяцев назад
#10 Login Register Authentication in React Native with Node JS, Express JS and Mongo DB ||#mernstack
my maps is loading with a grey background even after adding google_api.xml, any idea how to resolve?
May ek mobile ecomers app banana chati hu. .... Contact kese karu ?
Instagram pe msg kro
Mera project "offline" real world problem pe hai.. username user decide nhi karega (kyoki user ka "Name" confidential rakha hai..) toh auto generated username kaise provide kar sakta hu. (Email or password toh rahega hi)
Fantastic!!! Thank you very much
Great Tutorial 👏
i have made a full stack app, and my node js application is present inside server foler, then what path name should i write inside docker file ????
Pls make more videos
Thank you dear developper ❤
It save my day broo ! thankss
Thank you
The tutorial is very clean and clear , thanks
thank you bhai
No api key not working
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.
What error u r getting
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