The Debug Arena
The Debug Arena
  • 78
  • 999 203

วีดีโอ

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

ความคิดเห็น

  • @SudhanshuGaur-se5qq
    @SudhanshuGaur-se5qq วันที่ผ่านมา

    can someone provide api key

  • @aldiaa_net
    @aldiaa_net วันที่ผ่านมา

    Thanks

  • @user-zh3bg6os9r
    @user-zh3bg6os9r 2 วันที่ผ่านมา

    thank you bro!! , it is very helpfull

  • @otijoseph1082
    @otijoseph1082 2 วันที่ผ่านมา

    Thank you for this video, I found it very helpful

  • @ayeshaejaz1627
    @ayeshaejaz1627 2 วันที่ผ่านมา

    thank you for this! this was really helpful

  • @bkhp1884
    @bkhp1884 3 วันที่ผ่านมา

    I got the API key, but it showing, This page can't load Google Maps correctly. for development purpose only watermark. 🥲

  • @YashGupta-hm5un
    @YashGupta-hm5un 4 วันที่ผ่านมา

    thanks

  • @AngirekulaDivya
    @AngirekulaDivya 4 วันที่ผ่านมา

    It is not working now, asking to enter card details.

  • @hudsonmenezesdev
    @hudsonmenezesdev 6 วันที่ผ่านมา

    Thanks bro! You helped me a lot with this content! <3

  • @edgeofheaven725
    @edgeofheaven725 7 วันที่ผ่านมา

    thanks bother you made my prob solve. xd

  • @musicalworld5952
    @musicalworld5952 8 วันที่ผ่านมา

    oh bhai saab ...bc mza agya😂 Dil ki gehraiyo se thankiuu mere bhai

  • @JayanthBochu
    @JayanthBochu 8 วันที่ผ่านมา

    Excellent content which I want it now. Simple and beautiful explanation.

  • @nagaBhushan-pb6gu
    @nagaBhushan-pb6gu 8 วันที่ผ่านมา

    Disk storage is not working after deployment

  • @alibahman-mk3ib
    @alibahman-mk3ib 8 วันที่ผ่านมา

    you are one of the best in youtube ...love you bro 🤩🤩🤩🤩🤩🤩

  • @mbadashehady3261
    @mbadashehady3261 9 วันที่ผ่านมา

    2re feek

  • @user-rq1ry2jf5c
    @user-rq1ry2jf5c 9 วันที่ผ่านมา

    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!

  • @usecases857
    @usecases857 9 วันที่ผ่านมา

    Please share the link ,how to run in mobile application

  • @SAnshikaRai
    @SAnshikaRai 9 วันที่ผ่านมา

    Plz reply as soon as possible 😢😅

  • @SAnshikaRai
    @SAnshikaRai 9 วันที่ผ่านมา

    Par hamara nhi ho raha hai uae use karne ke baad woh no option show ho raha hai

    • @abhijeetkatare5723
      @abhijeetkatare5723 5 วันที่ผ่านมา

      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"

  • @ArsilMalek-t3m
    @ArsilMalek-t3m 10 วันที่ผ่านมา

    I am getting Error=> Permission is NULL at 12:56

  • @ChandujobsApplications
    @ChandujobsApplications 11 วันที่ผ่านมา

    bro make a vedio of changing it in expo app

  • @kashifahmed5602
    @kashifahmed5602 11 วันที่ผ่านมา

    Hey Brother can I follow this playlist while using expo?

    • @thedebugarena
      @thedebugarena 11 วันที่ผ่านมา

      @@kashifahmed5602 yes you can there Will be no major difference

  • @wasanthakumara2356
    @wasanthakumara2356 12 วันที่ผ่านมา

    why display this error ( "AIRMap" was not found in the UIManager ). how to fixed this

    • @thedebugarena
      @thedebugarena 12 วันที่ผ่านมา

      Try Re-Installing package with yarn

    • @wasanthakumara2356
      @wasanthakumara2356 12 วันที่ผ่านมา

      ​@@thedebugarenaI try it but it not fix

    • @thedebugarena
      @thedebugarena 11 วันที่ผ่านมา

      @@wasanthakumara2356 if possible try creating new project and if the issue is same try by downgrading react native maps version.

    • @wasanthakumara2356
      @wasanthakumara2356 วันที่ผ่านมา

      ​@@thedebugarena what is you use map version & react native version.

  • @MarcoAntonio-dm8yn
    @MarcoAntonio-dm8yn 12 วันที่ผ่านมา

    Excellent buddy but you know if its possible to put an image or a toast where i can put an image and display?

    • @thedebugarena
      @thedebugarena 12 วันที่ผ่านมา

      If you mean image in a toast then yes it is possible. Just go through the document there is one example.

  • @XYZgameguy
    @XYZgameguy 13 วันที่ผ่านมา

    THANKS MAN GREAT EXPLAINATION . I WASTED HALF DAY ON SETUP INSTALLATION . BUT AFTER WATCHING YOUR VIDEO IT WORKS

  • @gopinathkrm58
    @gopinathkrm58 13 วันที่ผ่านมา

    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 ?

    • @thedebugarena
      @thedebugarena 12 วันที่ผ่านมา

      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.

    • @gopinathkrm58
      @gopinathkrm58 11 วันที่ผ่านมา

      @@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

    • @thedebugarena
      @thedebugarena 11 วันที่ผ่านมา

      @@gopinathkrm58 yaa for that you will have to buy Google map api key

    • @gopinathkrm58
      @gopinathkrm58 11 วันที่ผ่านมา

      @@thedebugarena okay thank you, I saw another video of urs to get free api and that doesn't work?

    • @thedebugarena
      @thedebugarena 11 วันที่ผ่านมา

      @@gopinathkrm58 That works there are limited functionality you can get from there but not all

  • @FaisalKhan76
    @FaisalKhan76 13 วันที่ผ่านมา

    I think simpler solution would be switch navigator, what do you think?

    • @thedebugarena
      @thedebugarena 12 วันที่ผ่านมา

      You can try but in some scenario it can misbehave.

  • @lemuelgrigsby
    @lemuelgrigsby 13 วันที่ผ่านมา

    Love this Brother... Thanks....

  • @unknownstranger8915
    @unknownstranger8915 15 วันที่ผ่านมา

    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?

    • @thedebugarena
      @thedebugarena 12 วันที่ผ่านมา

      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.

  • @satyanarayanayadav50
    @satyanarayanayadav50 15 วันที่ผ่านมา

    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"

  • @muhammadfaridgul137
    @muhammadfaridgul137 17 วันที่ผ่านมา

    Sir my map on android phone is not loading

    • @thedebugarena
      @thedebugarena 14 วันที่ผ่านมา

      Make sure you have enabled all the required apis in Google cloud platform

  • @KhushiSingh-ts5mn
    @KhushiSingh-ts5mn 17 วันที่ผ่านมา

    I've been stuck on this error all day. Your help is really appreciated! 😊

  • @dhruvilshah755
    @dhruvilshah755 17 วันที่ผ่านมา

    Why you not pass the cors in back-end

  • @royerrrrutti9903
    @royerrrrutti9903 18 วันที่ผ่านมา

    wow, I thought at the beginning of the video that it was with the new api xd

  • @shopnilkhan9030
    @shopnilkhan9030 18 วันที่ผ่านมา

    What is It's disadvantage? Why will someone use google meet rather than this? Is it totally free or it has pricing?

    • @thedebugarena
      @thedebugarena 18 วันที่ผ่านมา

      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.

  • @evstark
    @evstark 19 วันที่ผ่านมา

    You are so awesome, keep it up .. i share your video to my classmate and i recommend your channel to them .

  • @ashishprasad49
    @ashishprasad49 19 วันที่ผ่านมา

    First view and first like

  • @cranticumar9888
    @cranticumar9888 20 วันที่ผ่านมา

    wow! amazing. really im learned new thing here.. thanks alot brother..

  • @black-lights
    @black-lights 23 วันที่ผ่านมา

    . github repo link please

  • @user-cn4by4oo3j
    @user-cn4by4oo3j 23 วันที่ผ่านมา

    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

    • @thedebugarena
      @thedebugarena 23 วันที่ผ่านมา

      For thar checkout this video th-cam.com/video/hQ19HIC2rV0/w-d-xo.html

  • @user-mr9bq6sy9t
    @user-mr9bq6sy9t 24 วันที่ผ่านมา

    Google places new is not getting enabled it shows billing needed plz help with that

    • @thedebugarena
      @thedebugarena 24 วันที่ผ่านมา

      We cannot enable all of them some of them require billing.

    • @trupalprajapati1108
      @trupalprajapati1108 10 วันที่ผ่านมา

      @@thedebugarena credit card details enter krenge to paisa katega ???

    • @abhijeetkatare5723
      @abhijeetkatare5723 5 วันที่ผ่านมา

      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"

  • @tinashedmasiya9965
    @tinashedmasiya9965 24 วันที่ผ่านมา

    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.

  • @vijayr5530
    @vijayr5530 24 วันที่ผ่านมา

    i wasted one day for this storing image as base64 in mongo finally completed tq very much

  • @abhishekrasall
    @abhishekrasall 25 วันที่ผ่านมา

    guys if u follow this video in july 2024, install latest npm install react-native-reanimated

  • @user-pz9cb5go5s
    @user-pz9cb5go5s 25 วันที่ผ่านมา

    nice content very well explained !

  • @sadanandmasurkar6668
    @sadanandmasurkar6668 26 วันที่ผ่านมา

    It's work but I want to ask here why they doesn't require permission for storage or camera something?

  • @ashwinianandh3281
    @ashwinianandh3281 26 วันที่ผ่านมา

    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?

    • @thedebugarena
      @thedebugarena 12 วันที่ผ่านมา

      Actually not some of the API require billing

  • @mrjoker3995
    @mrjoker3995 27 วันที่ผ่านมา

    Can we fix that little blink ? Bcoz in my application we can read that see page

    • @thedebugarena
      @thedebugarena 12 วันที่ผ่านมา

      You can use loader to hide that

  • @Impactetonpays
    @Impactetonpays 28 วันที่ผ่านมา

    While building the Apk of the project , do we need to change the IP address while doing POST with axios in the Database ?

    • @thedebugarena
      @thedebugarena 12 วันที่ผ่านมา

      Yes if you want to work with backend you have to

    • @Impactetonpays
      @Impactetonpays 11 วันที่ผ่านมา

      @@thedebugarena Thanks Sir

  • @soy-luisarrieta
    @soy-luisarrieta 29 วันที่ผ่านมา

    Thanks!! PD: You left your API_KEY in the GitHub project.