[Explanation] FIREBASE ? | SoloLearn: Learn to code for FREE!


[Explanation] FIREBASE ?

1.How to use Firebase? 2.All commands of firebase. 3.How to Setup in web Code? 4.i want to get User Data and want to store in database and again get data from database and show in code. 5.please don't paste duplicate questions[ in Answer]🥺,I already used search bar but I not found answer,I also searched about firebase in Google but I could not find an answer, I went to this link also. https://softauthor.com/firebase-javascript-crud-web-app-add-update-delete/ But I don't understand,you can also make code for DEMO if possible. 6.Please Explain in detail and clearly. 7.And i have also one more question if possible then give answer. 8.https://code.sololearn.com/WaR2fKulRqmv/?ref=app 9.IN code i want to set the text "home" at center,but i am unable to set ,help

9/28/2020 2:43:39 PM


20 Answers

New Answer


To use firebase go to 👉 firebase.com 👉from there you can create a new project or use an existing project 👉Then this is the next step... from your project overview click the </> which is to add a web app to your project...you will be given a configuration code along with a cdn... copy those codes and put it in the body of your code and remove the firebase.analytics(); 👉 Then after the web project creation and registration.... go to the real time database and then create a database.. you can set it in test mode or locked mode.... but I advise you use test.... 👉 Then you can go back to your code and then use the firebase key words like 👉firebase.database().ref(/*a reference*/) .push().set({}).... 👉val (); value on(); child_added, child_removed e.t.c..🙂 see this for example.. 🙂 https://code.sololearn.com/W8G4HBWB64ax/?ref=app


This is the link Firebase Connection with React https://youtu.be/rSgbYCdc4G0 https://youtu.be/IliETiCh8Ps


Great Explanation ⚡☣️🔥lionel sisso[[highly ÃçtÏve]] surely you will become next firebase CEO


Prachi The Pari🎸 I have asked both different questions?please read question properly


༄ᶦᶰᵈ᭄𝕌𝕛𝕛𝕒𝕨𝕒𝕝 💫 Check Second Link Full Detailed


⚡☣️🔥lionel sisso[[highly ÃçtÏve]] Thank you So much for your Help 🥰 Prachi The Pari🎸 Thanks sis , You are Really Great🥰🥰🥰🥰 your answer is 💯 best


⚡☣️🔥lionel sisso[[highly ÃçtÏve]] see this code ,make a code that takes data from Prompt and then show it again in code, same to your code that takes input from user and then add in code, GREAT EXPLANATION 👍 https://code.sololearn.com/WZafHt6Skoum/?ref=app and try to give my second Question answer,if possible


Prachi The Pari🎸 no,i not found answer and your second question is related to react,pls check my question properly


⚡☣️🔥lionel sisso[[highly ÃçtÏve]] Yeah,please make simple demo for me,so that i understand in better way and see my code , why it's showing firebase not defined


Okay Thank You For Your Great Help🙂,i will check this code tomorrow..... And try to give my second Question answer,if you know React


https://code.sololearn.com/Ww0MYIDki1jh/?ref=app Hope u will get your answer


Ankita ⓎⒶⒹⒶⓋ Thank you so much🥰sis.........aap CSS champion ho🏆


Ꭾɪᴋᴀᴄʜᴜ(you must heard my name){INACTIVE} 😁Maybe.😂


Coder thnks for sharing ur knowledge🤗 for more clarification i hv not used float...only used position in span..... happy coding :)


༄ᶦᶰᵈ᭄𝕌𝕛𝕛𝕒𝕨𝕒𝕝 💫 are you trying to say that I should create a reference for you in your database then call the value of that reference in your code ? ____🙂


༄ᶦᶰᵈ᭄𝕌𝕛𝕛𝕒𝕨𝕒𝕝 💫 look at this..... __html__ <input type= "text"> <input type= "button" onclick= "send();" <input type= "button" onclick = "retrieve();"> _javaScript__ window.onload = function(){ send= ()=> { firebase.database().ref( "sending").push().set({ sending_value : document.querySelectorAll("body input")[1].value }); // actually don't be confused...what I have actually done here is to send a value to your already created database ....now if we reopen the code and we now want to retrieve the already sent data we can use the on and child_added firebase keywords.... retrieve = () =>{ firebase.database().on("child_added", function(adding){ console.log( adding.val().sending_value ); }); }; /*the on and the child_added brought back the data you stored back from your database with the reference sending and if you check the database you will see a box with your refrence🙂 */ }; };


༄ᶦᶰᵈ᭄𝕌𝕛𝕛𝕒𝕨𝕒𝕝 💫 no problem..🙂


Ankita ⓎⒶⒹⒶⓋ using float is an bad idea Becoz you cannot use position property sometimes if you use float ... Instead of using float use flex Here is an explain it looks clean ... https://code.sololearn.com/Wi8AP74azr9Q/?ref=app For using firebase with react look at my this code : https://code.sololearn.com/WikgaeRFs863/?ref=app In reactjs you use Firebase like you use in Normal Js. Just use it inside useEffect hooks or life cycle method called ComponentDdMout or some more life cycles methods Becoz when the react render the components then useEffect works or life cycle method works... And how to use Firebase already tought so much here... Hope you want this ༄ᶦᶰᵈ᭄𝕌𝕛𝕛𝕒𝕨𝕒𝕝 💫 🙂🙂🙂


Coder Thank you so much 😄


Ankita ⓎⒶⒹⒶⓋ centering something using position also makes effect on code ... If we change the font size.. You just change the font-size:55px; In your code you will know what I am trying to saying....