Project 5 - Firebase Contact App - CRUD | 10 React Projects for Beginners

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

Комментарии • 131

  • @amitgorai1202
    @amitgorai1202 Год назад +11

    This react project series with Figma design . amazing content Sir. please continue it
    👍

  • @jamalmustafa1193
    @jamalmustafa1193 Год назад +4

    Made the previous 4 projects in 3 days and I already feel like I have improved by react skills

  • @undefined3111
    @undefined3111 11 дней назад

    Thank you SIr, these videos are gem for react learning

  • @FatimaSaleem-s6u
    @FatimaSaleem-s6u 2 месяца назад +1

    learn alot from this project + its also the revisoin of your previous project so in short , till now you have designed series soo perfectly. thanks alot.

  • @maheshgupta-ov7io
    @maheshgupta-ov7io Год назад

    salute bhai re-recording for 40min, that needs great dedication.

  • @moosarahil2403
    @moosarahil2403 Год назад +1

    Bro you provide us paid content in free
    I can't perform thanks to you
    Really great teacher on RUclips ❤

  • @chaitanya_na1du
    @chaitanya_na1du Месяц назад

    excellent teaching, learnt so many concepts, thank you!

  • @kumarhrithik9489
    @kumarhrithik9489 Год назад +2

    These projects are very helpful . I'll add this project to my resume. Moreover, would be very glad if you try to explain more in the videos as to how *our thinking process should be and how to avoid mistakes while coding in react . Thank you Anshu bhai.

  • @learncode5110
    @learncode5110 Год назад +2

    Yes Bro bring firebase tuts series we want to learn.. mongo db we will learn later on

  • @sahilthummar8237
    @sahilthummar8237 Год назад +1

    I always wait for new and amazing content of your channel. Thank you ❤️

  • @SaadMahimkar
    @SaadMahimkar 11 месяцев назад +1

    1:10:00 bhai shukriya 😄

  • @mohsinalijafery2217
    @mohsinalijafery2217 3 месяца назад

    Thanks so much for these beautiful tutorials...

  • @afaqahmad8918
    @afaqahmad8918 Год назад +1

    How to thank you brother ❤
    You are absolutely fantastic teacher ❤️

  • @darshanudaiwal2513
    @darshanudaiwal2513 Месяц назад

    very helpful for everyone

  • @badshahossain5551
    @badshahossain5551 Год назад

    Great project. Love from Bangladesh.

  • @abhishekbaghel8062
    @abhishekbaghel8062 Год назад

    i salute your hardwork brother

  • @afaqahmad8918
    @afaqahmad8918 Год назад +4

    and kindly make a tutorial on firebase as well. Thank you in advance.

  • @raavi2945
    @raavi2945 Год назад

    THANKS SIR...for this amazing series

  • @sidplays5361
    @sidplays5361 Год назад

    Sir continue this react series and add more projects for beginners like us

  • @surajsg2184
    @surajsg2184 Месяц назад

    Thank you bro

  • @Alkane051
    @Alkane051 9 месяцев назад

    sir plz make more videos.. continue this series plzz sir........

  • @aarishfaiz7880
    @aarishfaiz7880 Год назад

    Amazing Work Sir Love it

  • @rizwanrangrej2701
    @rizwanrangrej2701 Год назад

    Amazing video sirji 💚❤🤍 love you keep it up ✨🔥

  • @mskproduction4041
    @mskproduction4041 Год назад

    Thank You So Much Sir

  • @kaustubhKapse
    @kaustubhKapse Год назад

    thnaks for making this app

  • @arupde6320
    @arupde6320 Год назад

    continue this series

  • @roktimkamalsenapoty5793
    @roktimkamalsenapoty5793 Год назад

    Great Vide🔥 next 3 projects when ?

  • @CookCook2024
    @CookCook2024 9 месяцев назад

    What to do in server??From Nepal.....i selected Mumbai but data base name is showing default though i kept vite-contact.......any idea??

  • @abhishekkumar-fe8lw
    @abhishekkumar-fe8lw Год назад +2

    bhai isUpdate property AddAndUpdateContact mei kaise use ho rha hai samajh nahi aya,isUpdate toh hamesha true hi rahega na?toh add and update mei alter kaise ho rha hai?

  • @supriya_codes
    @supriya_codes 9 месяцев назад

    nice video its working

  • @Raagmusic7
    @Raagmusic7 Год назад

    Hoping for a social media and e-commerce applications with local storage as well...❤❤

  • @prashantbhardwaj6698
    @prashantbhardwaj6698 Год назад

    Can you make a sort video on How to deploy this project on Vercel ?

  • @ashwanigupta5884
    @ashwanigupta5884 Год назад

    we can add the required on the input field so we do not need to use Yup in our program. is that correct? like: &

  • @hamzasono778
    @hamzasono778 Год назад

    nice bro i like your video

  • @aalainshaikh1545
    @aalainshaikh1545 9 месяцев назад

    Best Video

  • @MarcosAF9
    @MarcosAF9 Год назад +1

    when i click to update a contact the modal is not centralized, how can i fix it?

  • @mrunknown_811
    @mrunknown_811 3 месяца назад

    thank you

  • @mulayamsinghyadav8970
    @mulayamsinghyadav8970 Год назад

    Thanks

  • @jasim17
    @jasim17 7 месяцев назад

    bhai aap video recording kis app se kar rhe ho aur aap ka video and awaaj ke liye kya use kar rhe ho pls batao....

  • @GyanKosh-GK
    @GyanKosh-GK Год назад

    Bro, when we will get the next video. Please make it ASAP. BTW you are awesome! Thanks a Ton!!

  • @prajwalbokade4622
    @prajwalbokade4622 9 месяцев назад

    Can I Add this React Project to my Resume ?

  • @kumarhrithik9489
    @kumarhrithik9489 Год назад

    How can I deploy this application . Please help me with this . Running in local , breaks in production .

  • @AkshayVenu-u6g
    @AkshayVenu-u6g Год назад

    "Can someone help? I'm encountering an error while setting up Prettier for Tailwind CSS, specifically the 'Error [ERR_REQUIRE_ESM]: require() of ES Module...'."

  • @not_amanullah
    @not_amanullah 7 месяцев назад

    Pls continue series 😢

  • @rupalgupta5524
    @rupalgupta5524 Год назад

    Hi, Can we also push firebase.js to github while uploading the project? is it safe to push firebase.js too?

  • @bhataasim
    @bhataasim 10 месяцев назад

    Brother can you share your vscode Theme. And other Plugins please

  • @VishalReacT_1
    @VishalReacT_1 Месяц назад

    12:06 its showing database already exist

  • @pratikadsul2129
    @pratikadsul2129 10 месяцев назад

    I am getting an error ,while fetching data from firebase,
    Error :net::ERR_BLOCKED_BY_CLIENT
    please suggest solution

  • @aryansinha1818
    @aryansinha1818 6 месяцев назад

    16:55 - VS Code Browser

  • @khalidhussain5830
    @khalidhussain5830 Год назад

    Firebase ka course upload kardein,

  • @nusratlines4947
    @nusratlines4947 5 месяцев назад

    Yaaar abi backend para hi ni ..firebase wala q bnwa dia ...
    Normal project bnwaty

  • @anantbisht6183
    @anantbisht6183 3 месяца назад

    firebase tutorial please

  • @codeshshubh
    @codeshshubh 5 месяцев назад

    Crome in vs code - 16:54

  • @sanjanaporwal6605
    @sanjanaporwal6605 4 месяца назад

    Anybody able to deploy these projects anywhere ? I am getting some errors while doing so on vercel and netlify. Can someone please help me

  • @rajveermahida
    @rajveermahida Год назад

    Need a video on firebase because not understand how you use the different function for fetch delete data from firebase

  • @santoshmore2953
    @santoshmore2953 Год назад

    Other than firebase ehat else can be used?

  • @punjabicovers5009
    @punjabicovers5009 8 месяцев назад

    sir pla tell when we should write CSS in app.css, index.css and tailwind.config.js. kuch samajh nhi aa rha ki kab konsi CSS kahan likhni h. please help

  • @jagdish699
    @jagdish699 9 месяцев назад +1

    BHAI MERE FIREBASE SE DATA HE NHI AA RHA HAI

  • @ComputerScience-p5g
    @ComputerScience-p5g Год назад

    Deploying this project on netlify and github showing blank white screen while it is easily running on localhost server. Please explain what the error could be?

    • @namansharma8346
      @namansharma8346 10 месяцев назад

      did ur issue resolved , is it easy to deploy this project

  • @arpankumar4176
    @arpankumar4176 Год назад

    Sir make tutorial on firebase

  • @indianengineerreaction5779
    @indianengineerreaction5779 11 месяцев назад

    awesome bro

  • @AbhiS-fd1qf
    @AbhiS-fd1qf 3 месяца назад

    Hi bro, When I run my code blank screen show I don't get any error? what should I do

    • @tarunboddeda4884
      @tarunboddeda4884 25 дней назад

      may be u are passing the "prop.value" in the component and not using it, u can check in your browser console for that issue.

  • @zaidbinzia.392
    @zaidbinzia.392 Год назад

    Baki Kay 5 projects kab aarhay Hain ???bro

    • @dosomecoding
      @dosomecoding  Год назад +1

      Saturday Sunday ko do part shoot kar lunga

  • @_S_AmitPandey
    @_S_AmitPandey Год назад

    please bring projects 8, 9, 10

  • @lalit-singh-bisht
    @lalit-singh-bisht Год назад

    HiOutlineUserCircle icon is throwing path error...as there are 2 icons with same name on the website

  • @nickrathee8891
    @nickrathee8891 9 месяцев назад +1

    update part not working isupdate become undefined...

    • @k-CE-OmkarPathak
      @k-CE-OmkarPathak 8 месяцев назад

      Pta chla bhai??

    • @nickrathee8891
      @nickrathee8891 8 месяцев назад

      @@k-CE-OmkarPathak nhi yarr bhai redux use krna pdega. industry mein iss trike se kam nhi hota. ye to sirf basic clear krne ke liye hai...

    • @k-CE-OmkarPathak
      @k-CE-OmkarPathak 7 месяцев назад

      @@nickrathee8891 han whi

  • @mdrahinzaman1980
    @mdrahinzaman1980 Год назад

    My isUpadte was not working

  • @aryansinha1818
    @aryansinha1818 6 месяцев назад

    1:14:00

  • @prernathakur4341
    @prernathakur4341 3 месяца назад

    Hello , I have one doubt : when I am adding const contactsRef= collection(db,"contacts");
    const contactsSnapshot= await getDocs(contactsRef); part in the code and doing a console log of contactsSnapshot then in console its showing that db is not defined
    Please help me out if anyone can

  • @ArushiTrivedi-c8i
    @ArushiTrivedi-c8i Год назад

    Anyone facing issues while installing firebase? I am getting 5 high severity vulnerabilities. Tried running npm audit fix but all in vain!! Didn't find any solutions on stack overflow and Google....should I ignore and proceed?

    • @dosomecoding
      @dosomecoding  Год назад +1

      Ignore and build project

    • @ArushiTrivedi-c8i
      @ArushiTrivedi-c8i Год назад

      @@dosomecoding Ohkay thanks....grateful for these RUclips videos!!

  • @tarakchakraborty301
    @tarakchakraborty301 Год назад

    bro, upload video on next js

  • @Memer514
    @Memer514 Год назад

    sir mern stack ki playlist banao na trand me chal rahi hai plzz sir banao na

  • @msaikrishna6100
    @msaikrishna6100 6 месяцев назад

    Thank you making this video but this is so much confusing.

  • @aryansinha1818
    @aryansinha1818 7 месяцев назад

    33:04

  • @learncode5110
    @learncode5110 Год назад

    Bhai tell me dark yellow ko double " " mai kru? aur baki mai nhi aise kyu?

    • @dosomecoding
      @dosomecoding  Год назад

      object key me dash nahi kam karta isliye

    • @learncode5110
      @learncode5110 Год назад

      @@dosomecoding ok got it bro thank you

    • @learncode5110
      @learncode5110 Год назад

      @@dosomecoding one more question.. jab firebase contact app title navbar ke component mai banaye right fir search bar aur baki "App.jsx" mai kyu nabar ke component mai kyu nhi banaye?

  • @afaqahmad8918
    @afaqahmad8918 Год назад

    i'm not getting data from firebase even it doesn't show me any error in my console.

    • @dosomecoding
      @dosomecoding  Год назад +1

      You need to add collection
      On firebase firestore
      And collection name should match on frontend

    • @afaqahmad8918
      @afaqahmad8918 Год назад

      @@dosomecoding I added the collections as you did in the video but still

    • @jhalakjain2708
      @jhalakjain2708 Год назад

      Were you able to resolve the problem?

    • @Sahilsharma-sk5vr
      @Sahilsharma-sk5vr Год назад

      @@jhalakjain2708 you did this project?

  • @deepakchauhan4625
    @deepakchauhan4625 9 месяцев назад

    Awesome

  • @DeepaJadhav-c6f
    @DeepaJadhav-c6f Год назад

    yes brother we wont firebase series basic to advance

  • @Monilmishraishere
    @Monilmishraishere 8 месяцев назад

    bhai maine start krke bnd kr diya tha kuc din ke liye to mera firebase se data load nhi ho rha kaise kre? 36:22

  • @AatifWarraich-q2q
    @AatifWarraich-q2q Год назад

    bhai facebook ka clone bnao using firebase

  • @syedaliabidi7822
    @syedaliabidi7822 11 месяцев назад

    1:00

  • @rishantkashyap3514
    @rishantkashyap3514 Год назад

    FirebaseError: Quota exceeded.
    collection create karta hu
    collection gaayb hojata hai

  • @Mashmusic21
    @Mashmusic21 Год назад

    {
    contact.map((items)=>{

    {items.Name}

    })
    } Sir icon or Name display hi ho rha. please help🙏

  • @lalit-singh-bisht
    @lalit-singh-bisht Год назад

    now createPortal is giving error as soon as i'm importing it in header!!! boom it makes ui all white

    • @lalit-singh-bisht
      @lalit-singh-bisht Год назад

      import { createPortal } from "react-dom";
      import { AiOutlineClose } from "react-icons/ai";
      const Modal = ({ onClose, isOpen, children }) => {
      return createPortal(

      {isOpen && (







      {children}


      )}
      ,document.getElementById("modal-root")
      );
      };
      export default Modal;

    • @dosomecoding
      @dosomecoding  Год назад

      Check error logs

    • @lalit-singh-bisht
      @lalit-singh-bisht Год назад

      @@dosomecoding I even copied the whole modal component and index file from your github but as soon as I import createPortal everything does white....

    • @lalit-singh-bisht
      @lalit-singh-bisht Год назад

      resolved***

  • @bloggerayush8550
    @bloggerayush8550 11 месяцев назад

    bhai aap css already type krke rakha kro....bohot time waste ho jaata h css krne me..

    • @dosomecoding
      @dosomecoding  11 месяцев назад +1

      Css code base copy kar lo

  • @saxenabhavesh6941
    @saxenabhavesh6941 Год назад

    Bhai ecommerce website or project banao

    • @dosomecoding
      @dosomecoding  Год назад +1

      Abhi basics wale hi ayenge hard wala ka alag playlist hoga

    • @amirhusain5260
      @amirhusain5260 Год назад

      @@dosomecoding waiting....

  • @lalit-singh-bisht
    @lalit-singh-bisht Год назад

    bro these are the 3 icons as soon as I'm importing them my ui is getting blank....and whenever I try to replace them with other icons its throwing error // import { RiEditCircleLine } from "react-icons/ri";
    // import { IoMdTrash } from "react-icons/io";
    // import { HiOutlineUserCircle } from "react-icons/Hi";

    • @dosomecoding
      @dosomecoding  Год назад

      Use different icon might be issue with icon

    • @lalit-singh-bisht
      @lalit-singh-bisht Год назад

      @@dosomecoding I think there is some issue with react-icons library so can you suggest me some other react library for icons

    • @Sahilsharma-sk5vr
      @Sahilsharma-sk5vr Год назад

      @@lalit-singh-bisht bro you completed the project?

    • @lalit-singh-bisht
      @lalit-singh-bisht Год назад

      @@Sahilsharma-sk5vr no I didn't....the first error which you will get is regarding the react-icons...I think there is some issue with library and 2nd error on react-portals...error 1st was resolved but 2nd one was making whole ui blank diffiuclt to code furthur

  • @utkarshgupta9030
    @utkarshgupta9030 Год назад

    bro please teach how to deploy these projects as well🥲

  • @jatinvashist691
    @jatinvashist691 Год назад

    sir {contact.email} ye krne se email show nhi ho pa rha or collection m mne email ka string create kr rkha h

    • @dosomecoding
      @dosomecoding  Год назад +1

      Data log karke check karo kya aarha hi api se

    • @jatinvashist691
      @jatinvashist691 Год назад

      @@dosomecoding sir done tbhi solve ho gya tha issue new string bna k

    • @jhalakjain2708
      @jhalakjain2708 Год назад

      Is the data from firebase visible in your app?

  • @aryansinha1818
    @aryansinha1818 7 месяцев назад

    28:09