LIVE: ESP8266 – MicroPython – FIREBASE DB - Web UI !! | #ElecrowMaker

hello everyone welcome welcome today in our another exciting series of sessions where we are understanding and learning new new things every day and hope you are experimenting also and excited for today's session it will be unique session today because we are going to connect our esp board to our firebase yay so excited for the day okay so first let me see if i am live on youtube yes i am live on youtube okay let me mute it okay [Music] so friends students and all iot enthusiasts first let me show you what i have today for you before that let me show you my screen and i'll share my screen with you so here is my screen and let me show the document which i have for you so today we will be covering esp8266 with micro python and we'll send data to firebase database and then we'll read that in our web ui so before starting the project let me show you our purpose let me show you how this whole project will look like and the end result so this screen uh which you are seeing here this is my web ui which i will connect to the firebase database and this will automatically receive the data from firebase real-time database as soon as there is any change in the firebase database okay and this is the firebase console database console real-time database console here you see this is my database and these are the values and in my ui also you will be seeing the same values as of now as in the database okay and finally this is our esp board and this is the button which i have connected to the esp and i will show you in just a minute what are the connection diagram for the button and esp but as soon as i will press this button the data will move the sensor data will move from our micro python uh from micro python code that we have written inside this from esp to firebase and then as soon as the there is any change in the template in the sensor data in the firebase the same will be reflected in our ui so let's let's do that let me execute it so this is the screen here i am executing so i will run the code here this is the command to execute the code soon i will go into details how do i execute it so now my esp is trying to connect to wi-fi yes it has connected to the wi-fi now and now it is waiting for me to press the button observe as soon as i will press the button you just observe the values in firebase console as well as in my web ui so i am going one two and three so i press the button so here you will see the patching started and firebase data packs successfully so the data that esp sent is sensor one is 127 and in the firebase console you are seeing sensor one is 127 and the same data you are seeing in my web ui also similarly let's say for sensor 2 so here in my as uh in my command prompt you are seeing that sensor 2 which which is my esp console from esp and sending sensor to s42 and we are seeing that console firebase console is updated with the data sensor to 42 and the same here in microwave also let me do it once again so i will do it again so as soon as i do it you'll be seeing in my uh esp console window is sent sensor 1s246 and we are seeing the same value sensor 1s246 in firebase and the same value we are seeing in our web ui sensor 1 246 and you can compare other values also let's see suppose sensor 3 so in my screen i have sensor 3s27 and the same value i am seeing sensor 327 here in my firebase console and the same i see here sensor 3s27 in my web ui so all the times as soon as i press this button this esp is actually generating any random number for six sensor values but you can attach the sensor the real sensors and send the real sensor values here i am just sending some random values for all the six six sensors okay and now when you will long press this button our this esp code it will exit okay let me press long press this button so as soon as i press long press it is detected here long press is detected and exited okay so this is the entire project that i am going to cover in today's session so be with me till the end for all the codes uh this esp esp micro python code and the web ui code and the procedure of creating our project if you need all these information if you need any coding of that code behind that just ask me in my whatsapp as i have already mentioned in the description of this window i can provide you the whole code there in your in your whatsapp or you can connect me to my facebook group or you can ask me in the chat with you or you can ask me in the comments below in this video okay so that's it for let's let's get started so this document is just a 12 pager document if you will see here in this 12 page document i have covered all the uh entire project where you will be seeing how do i write the python code how do i write how do i build a web ui and how do we create a firebase console database real-time database and uh how do we connect our button to this micro uh to this esp board so all these things are i have covered in this 12 page document with each and every step with full screen shots if you need this document ask me whatsapp me join my facebook group or ask me in the comment window of this video okay so i will be going through this document step by step and i will exactly follow the document if you want to also execute this project just follow this document as it is then it will be working for you okay so without wasting any any more time let me go through the document and i will follow the procedure okay in our aim is when you press the push button esp8266 it should send some data to firebase database so in our case we can connect if we connect our esp board to the sensors it will send data to firebase db and the latest firebase database show will be shown in the web ui also as i have already shown you in our web ui and the code should run indefinitely yes as our code was running indefinitely but when you long press the button it should exit the following so this is our aim so how do we do that let's get started first thing first let's create a firebase real real time database so how do we create a firebase real-time database so follow these steps so first of all since i am on a three-tier firebase plan remember in free tier firebase plan you can only have one database per project so if you want to create any database first you have to create a project if you are on a free plan okay um if if you already have a project created you cannot create two database under that project for that you need to upgrade the plan but if you want to create some database real-time database you have to create a project so this is what i am going to do here so first i have to create a project so how do we create a project in firebase quite simple very easy method so first of all we need to log into our firebase console using this and then click add project so let me first go here i will open a new window here so first of all you will go to your firebase console so logging into firebase console is pretty easy uh you have to just provide your google sign-in credentials google information you can log into your gmail account so i am trying to log into firebase console first so just trying to connect to firebase and it has already logged in me to my account but i don't need this account let me change my account and log into iot meetinghub and i can close this one so this uh still connecting to the firebase taking a little bit time to connect to the firebase no problem so while it connects to the firebase let me see what i have in the document so you have to go to the firebase console and click add project so when you will going to log into this firebase it will open up a screen like this and there you have to click add project let me see if i have yes i have already reached and connected to uh firebase using my iot meeting hub account okay now you will click add projects you will see as if i already have all the product projects already but i want to create a new project just click add project and after clicking add project you have to give the name of the project let's follow the document just follow this document and you will be done so i will use this give the project name as is since i already have uh a project with this name so i will slightly modify the name so i will go here and i will give the name of the project so i just give dash six july okay so okay project name cannot be longer than 30 characters it is going beyond 30 characters so let me make it that's what that is not allowing me for going more than 30 characters so this is the project name that i want to give and after that you just need to click continue so let me go here and click continue okay so when you will click continue you will come into this screen so what do we do after that we will scroll the document everything all the steps i have uh put it in into this document it is i it will work like a bible for you we just get it and you are done so then after that what you will do you will disable the google analytics that you are seeing and then click create project as in the screenshot you will disable it and click project so let me go there i will just i should disable it and then create project so as soon as you will click on the create project now we are seeing that firebase is going to create a project for me let's see till the time it creates let's see what i have in the document once the project is ready click continue as below so when the project will be done create a creating then you will get a screen like this so let me go back to the screen here so my project is ready i can click continue now so continue here so far so good so let's see whether my project is ready or not okay so you will be seeing like this screen where it brings you this the dashboard your and your project is here which i just created okay so what next let me follow the document this will take your project page yes now from the left menu take real-time database because we want to create a firebase real-time database so for that we will go to the left menu as shown in this screenshot and click real-time database and then click create database okay so let me go to the screen so left portion is this here you will see real-time database just click on that so when you will click on real-time database it will open another screen on your right where it will say create database okay so here you will click create database okay so once you reach here so what is next so next we will go to step 6 where we have to select db location as united state and then click next okay like this your database location is united state and click next this is what i am going to do now so i will go to my screen i will select united state already selected and then click next so when you will go into this screen so what do we do next we scroll down step seven is start in test mode so i have to select start in test mode this radio button and then click enable then i have to click enable that's it so i will go to my screen i will select start in test mode and then i will click enable okay so let's let it process it's going to create a real-time database for me and going to enable it and test mode means i can read and write to this database okay so anywhere firebase db is ready so as soon as you click this your firebase database firebase db should be ready so let me go here show you still it is processing and it is going to show me the database structure okay so you will see a screen like this which i have shown you in this document also so this is the screen it will look like and this is it has created a database so now what we have to do we have to hover near the db name some somewhere here and then click plus to add its child okay so what does that mean it means you have to just hover this name so this is the database name default database name and you will when you will hover it you will see a hand icon like this and you will go to this plus button and you have to click this so when you will come here it will ask for the name and value so what do we do for this we will go to the screen there is document here you will give name as image esp8266 sensors okay so let me copy this so you have to give name as this and then click plus again okay so let me go to this screen i will give a name here so i i copied the name i image esp8266 sensors i will not give any value here i will simply press plus okay so once you have press this plus and now step number 11 is now give name add sensor 1 okay i will copy this sensor one and value as hundred this time we have to give value and then click plus of this again okay so let me show you the screen again so you will come here you will in the name you will put sensor 1 and value you will give 100 and then you have to press plus but whose plus imh esp8266 sensors plus ok so plus of this okay so don't need to press here anywhere no not here just plus this so you will click this again so it will open one more node okay so what do we do here in the next node in the next node again now you have to give name as sensor 2 and value 90 okay i will copy this sensor name here and i will go here and i will give here sensor 2 and i will give value as 90 okay so far i have created two nodes sensor one sensor two okay and repeat this process until you add all six sensors okay and then finally click add button okay let's do that so you see a button add here so i will not click it now i will first create six sensors and give some values and then i will do add so i will copy this so i will press plus again so i will say sensor 3 and let's say its value 80 you can give any random value these are the default values for different sensors which i am providing here 70 one more sensor i will create six and i will give value suppose 50. and then finally once you have entered all the six sensors and their default values you just click at okay so this is your database is this your database is ready with default values of six different sensors this was our purpose at this moment for this project okay so this is how we have created our database finally our database db is ready with some default sensor values it should look like this okay note so what is the note under step number 40 there is a note for rest api call our firebase db url will be as shown like this so this will be our firebase db url so how do we get this url you will go here and your url look like you will just copy this you can copy this so this will be your url i will copy it and i paste it in in somewhere in notepad because i'll be needing it now in a couple of minutes so i will copy this so this link and along with your oops i don't want to cancel it i just wanted to copy this so your database firebase url will be this whole value slash your database a root note that you had given dot json so just remember this entire link so this link will be used in our micro cycle code so again i am telling you how did i arrive to this url first i copied this top level url this url you need to copy this top layer url and slash you have to give the name of your root name root object dot json so this is how we get our firebase url which i have mentioned in this document also so this is the this is the portion which i had copied from the above link from this link and the postfix is just our root element dot json i hope this is clear this is nothing much difficult for you to get the firebase url okay now open this db url in a browser and see if you are able to get values or not since this will be our this this will be our firebase db url so we should be able to access it from a browser also so what do we do in step 14 we are just trying to see whether we are able to connect to database using this link so what you do you just go to a browser and open it let me go let me open it in a browser i will go here and i will give my complete link here and i will press enter so you should be able your to see your sensor data which you had just entered some default values right so it means i am able to fetch uh my sensor will use from my firebase database so you can close it now means this is working okay fine so i am good till step number 15 awesome our firebase tv is accessible over web now congratulations you need to be proud of yourself that you are able to connect to your firebase database and get the sensor values default sensor values yay okay so once our portion a is done so this was portion a now portion b since we want to view firebase database in our web ui of course we don't we want to create a ui also right remember where we will see our firebase database so how do we create a wi we'll see it later on but in the portion b portion what we'll do we will have to create a web app first in firebase okay so that our web ui should be able to connect to our firebase database so for that first we create a web app so how do we create a app create an app in firebase kindly follow below steps again i have the complete detail step how to create an app that will be used in your firebase web ui when you will your ui will be interacting with your firebase that time this app will be useful okay so you will see you will see in couple of minutes so what do we do these are the steps go to previously created project okay fine and then so our project was this dash one that was our project we will go to the project dashboard and there we will click this icon so you are seeing this was our dashboard and we have to click this icon there okay so let me go there so let me go to my project so how do i go to project so i will go here we will select all projects so you will see your project so this is our project i will click on this then i will be entered to my project dashboard so this is my project dashboard inside this you have to click this angle brackets okay so now i am ready to register a web app so how do you do that okay next follow uh the follow the next step give name as image esp8206 web app so i will copy this web app name and you will give the name here and then click register app okay so let me go to the screen give me a web app call this you don't need to select this because i have not mentioned anything about this you you need to leave is leave it as it is and then just click register app so now it is going to create a create and web app for you and it will give you kind of uh coding that will be required for any web application who wants to connect to your firebase database okay so now as soon as you will click that you will get a piece of code here okay so this will be the important piece of code that you will be required that you will be required to put into your web ui uh when you will be going to create it soon okay so what you will do you just copy this entire script and keep it safe in your document remember now in this your notepad you have two things already copied one the your firebase database json url and the code the jdk code that will be required uh in your web ui html code when you write it okay okay fine so after you have copied what do we do next so from the from the add firebase sdk you had copied the entire port as i already shown you now great now and then we have to click continue to console okay let me click continue to console here okay as soon as i will click here great now you should have one web app ready so now your web application is ready so that was pretty simple straight forward the only thing that you need to remember once you create a web app you need to copy the entire code that is shown in your ui so you can if you want to see the app what you will do you will go to your project with a project dashboard again there you can see now one app as you are seeing this document let me show you i will go to my project window and here you are seeing one app is already created but if you will click this if you want to see something more on this just click on this and if you will go here and click settings here and then you will see complete uh this coding also which you had just copied right so other and other settings parameters which are required so for this at this moment we don't need to do anything on this you just you just leave it as it is i just wanted to show you how our app looks like okay that's it uh for part number b congratulations your firebase real-time database and web app is ready now okay so now i think you will be feeling more confidence now because so far so good and you are able to do a firebase database creation default data you have populated for all the sensors and you have created a web app okay now let's go to the phase number c this is also pretty much straightforward just follow this document and then you will be done see we are already halfway through we are on the page number seven now great so once our firebase database is ready and you have its url remember we have two things uh with us so far the url the json url and the code so remember this quote don't try to copy this code because uh or any values from this code because this will not work for you i will i have created this just for this demo session purpose i am going to delete this after that so that don't try to use it it will otherwise it will not work for you and then you will ask me that my firebase project is not working okay so once there will be strategy you have its url with you let's connect esp8266 to our laptop and confirm its control okay so now next thing we have to connect our esp through usb in our laptop and get the com port so how do we get the com port we already know how do we get the com port we'll go here and we'll check the device manager we'll open the device manager and there as soon as you have plugged your esp i have already plugged in so it will show you the com port for your let me show what the com is there so in under ports you will see the com port so mine is com4 so my ui rd bridge is com4 so i have got the com port okay done now follow below steps so you also follow all these steps again i'm requesting if you need this complete document along with all the codings that is required for this project ask me in my facebook group or just whatsapp me as the number is mentioned in the description of this video or ask me in the comments uh section below of this video i will provide you all the details along with this handy document which will be helpful for you to complete this project okay go ahead so our connection scheme will look like below so now what we'll do we have to connect our push button with our esp so how do we connect our push button this is also very straight forward i am not going into details but i have shown you each and everything into very details the first leg of push button will be connected to 3 volt of esp okay this is quite straightforward so let me show you my freezing so from here it will be easier for you to get the connection so first let off push button so this is the first leg let me call it a first leg okay so this first lap it is connected to if you are seeing here 3.3 volt of esp okay because this is 3.3 volt and these are connected so first leg so if you will see here so first look is connected to 3.3 volt right okay second leg a push button will be connected to gpio 13. so where is the second button second leg this is the second leg here so here is the second leg second leg is connected to if you will see this is connected to this yellow jumper and yellow jumper is connected to our gpio 13 okay quite okay and second leg of push button again the same second leg is connected to the first leg of 10 km register so this is 10 km register so this is connected to first leg of 10k ohm register you are seeing here like this one so second leg of push button is connected to first leg of register second length of 10 km register means second leg of 10 km register is connected to ground of esp so this is connected to ground second leg is connected to the ground so this is simple scheme and pretty straightforward to follow this diagram and i have shown you here how i have connected in my esp okay so once you have done this now let's follow the below steps to execute this project okay what do we do now step number one copy our below micro python code inside your working directory okay so what is our working directory so whatever location you choose in your laptop for executing this project that will be your working directory in my case let me show you where is my working directory okay so this is my project working directory so let me first delete all that so suppose your working directory is this plain uh folder okay so what do we do next first you have to copy below codes micro python codes inside your working page so these are the three codes viewfirebase.pipe ussc client ussc client dot python another python program and send to firebase. by these three python codes micro python codes you have to copy under your working directory from where you will get these codes good question i will provide you yes so ask me as i already told you all the codes that you need for this project you asked me in my firebase in my sorry i'm all the time saying firebase sorry so i will give you all this code in my facebook group and my whatsapp in my uh if you ask in the comments window down below i will provide you all these codes so but here just try to copy these all these three codes so i where do i have these codes i have under my repo so what all three ports you have to copy three python files you have to copy okay let me copy these three python codes one two and three i will copy it and i will paste it under your working directory so your working directory should look like this now once you have got all these three micro python program from me okay what do we do next so this is how it should look like now okay ours is looking like the same now we will connect esp8266 our laptop we have already connected and confirm the com4 okay come con confirm the word com port and now open command prompt and cd to your working directory and run below commands okay so now what we have to do this is our working directory i know so i will copy this working path we will open command prompt and first and foremost we will do a cd we will go inside to this working let me clear the screen so i will do a cd to my working directory so this is my working directory so once i have reached to my working directory what is the next step i have to write these two so i commands copy the first command i will go here and i will paste the command simply i am copying it so what this is doing actually this is simply copying the you firebase dot pi which had just copied in our laptop now from our laptop we are copying it to esp okay so first five first python we have uh copied now copy another python and paste it here so now i am copying ussc client dot python to my esp so this is pretty straightforward you are seeing now how easy it is to uh send someone a code inside your esp from your command form right so now i have copied these two python programs inside my esp okay so what to do next so the above commands what they are doing they are simply copying two micro python codes into our esp8266 these two python program which have which you had received from me these two files are being used on main programs and there is one more program sent to firebase.pipe actually these two python programs this and this these are the libraries those libraries i am using in this main python program sent to firebase.com okay so now what's the next step step number three now we will edit send it to firebase.pi code and provide the firebase db url remember we had copied one url which one this one yes you got it so this is the url now we will use this url inside our code and your wi-fi details also okay so what do we do we will go to our directory working directory so we had already copied these two in our esp now the time to work on this so you will open it in any editor whatever editor you want to open it just open it i am opening into my favorite editor to edit python files so here is my phony so this is my editor where i have opened this firebase python file so inside this you have to let let's go back to the document and you see there is a line number 24 2426 i think yes so these three lines you have to provide your wi-fi details and your firebase database url okay so let me provide this so in this file i have provided the wi-fi ssid you provide your wi-fi ssid so this is why because we want to connect esp to our wi-fi so here you have to give your wi-fi ssid and your wi-fi password and you will give your imh firebase url this complete url so remember the url which you had copied let me copy it and i will use this url here so i have pasted it and you saved it simple so you provide ssid password and your firebase url once you have provided just save it and close it that's it so this is the only change that you need to do so simple isn't it yes as simple as it is okay now what is the next step step number four now we will copy see we have created now micro python now we have to work on our web part right ui parts how do you do that this is also pretty straightforward very simple if you have uh the complete file from me i will provide you all this again i'm saying go my facebook group ask me in my whatsapp or ask in the comments window my whatsapp number is in the description of this video you can get from there and ask me about all these codes i will provide you so now what you will do in the step number four you will copy the firebase folder and keep it inside your working directory okay so this is your working directory and you have to copy the entire firebase database right so firebase folder so where will you get this folder again i have this folder ready so this is the folder i will give you this folder so we will copy this folder and simply you will paste it in your working directory under your working device so this is my this was my working directory and i have pasted the firebase folder so what's inside this firebase folder we'll see now so this folder actually has three items one folder called fonts one folder called images and one html code realtimefirehdp dot html so let me open that firebase folder in front of you so i'll see here that i have a folder called fonts i have a folder for images and i have a html file read database uh read firebase database okay so this is what i have mentioned here and you as you see in this screenshot also so now uh as i already guessed that you have already guessed uh what we are going to do next we are yes we are just going to edit the html file simple and we have to provide the details that we had already copied from our firebase firebase ui remember this piece of code that we had already copied so we need now this information when we will edit our this database this html file okay so what we'll do we will edit the main html file that is read firebase tv.html open it in any editors and provide your values as copied during previous step like below okay so let me do that so i'll go here i have to edit this so i will open it in any editor so my favorite editor for editing html is notepad plus plus so i will go here and here i have opened it and here are the values that you see in this html file so what do we do so you have to go to these lines where i have write a comment under this you have to use your values which you had copied and all these values also which you had copied okay let me go to the notepad plus so at line number 17 here you will provide the script let me go here if you will go to this section so here this is the section you have to copy this or you can just copy the source and just paste it here just paste it here like this and uh for under this you have to just copy the entire from here this thing completely and put this here because firebase app and firebase db they all follow the same version numbering so i just copied this and so in this step i have copied i have used two scripts firebase app.js and firebase database.js and the version is 870 for both of these two okay so this is done now image api key for this image api key you will go to your notepad bearing word copy copy the image api key value and paste it here again for opt domain so this is the auth domain go here copy it and provide your domain okay image db url this is the imhtb url which you had copied already i will go here and i will paste here okay image project id so you will go here you will copy project id so you're seeing these are this is pretty straightforward i'm in storage bucket so this is the storage bucket i have one to one mapping so you don't need to be confused storage bucket so it's easier for you to understand which data i am uh copying so image message sender id so this is the message center id copy and just paste it here app id so this will be your app id you will copy and paste here okay so this all these things you have copied and the last thing is imhdb root so this is your database root that you have created in firebase remember so this was the root which we had created at the top so this will remain the same so after copying all the values from here from line number 17 in line number 28 you are good to go just save it and close it that's it as simple as that so writing html code and writing python code has become very easy for you because i have provided you the code if you want to understand what i have written in into detail inside this code so when you will get this code if you have any confusion any doubt or you feel any issues with that you can ask me we can discuss further okay so what do we do next finally we already executing this project just execute below steps so now what we'll do so once we had done till this step and we are almost done we have 10 pages we have reached 10 pages only two pages remaining now it is the time when we are going to execute our project so what we'll do open a web ui uh and browser let let's open the browser and you have to open this html file in a browser okay so let me open that file in a browser so so when you will open so this is or let me do it like this so this so this is the html5 that we have to open in a browser so i will just copy and drag it to here and i will open it here okay so as soon as you will open it in a browser it will look like this simple still it has not connected to any database nothing okay next step open firebase data console database console okay we will open our firebase database console also so that we can see our so this is our firebase will open our project that we had created you go to the go to your project and you will go to the real-time database and this is this is the database that we had created remember so i am opening this also so that we could see uh values getting changed to our database so let me open the previous one so this was the previous one i will close it okay so this is your database that we had just now created and this is our uh our web ui that we had just created okay so let me just minimize it so that you can see what all is happening let me just arrange it let me try to arrange it okay make it bit slam shorter so here you can see all the sensor values close this i'm just trying to make some room for all the screens so that you can see easily all the values okay okay awesome so this left screen this is our html file which we had just opened and this is our firebase database we had just created we had opened that also so now we will connect espa to our laptop and confirm the com port mine is comfortable okay i have already created it it is already done and my com port is already four now we will open a command from command prompt and cd to your working directory okay so i have already opened the command prompt and i will go to the current working directory so my current working directory is this i will let me go to this here so i will do a cd and so okay so i am under my current working directory let me open those videos again here it is okay so now uh our all the three screens are here you can see live all the three screens this is our esp window esp connected to the esp this is our micro python database sorry this is our firebase database real time and this is our web ui so what do we do next once we have opened the command prompt we will execute this command okay let me copy this command and simply let me go and okay so before executing this command see uh see our web ui i have not connected it so you will not see any data in our web ui so before uh getting any data in our web ui this is there is a button called firebase tv connect so let's click this and let's see if it is it connects over database voila so we have connected our web ui is already connected to our firebase database and you will see the default values in your web ui it has already read or read all the data it has already read all this sensor information from our real-time firebase database okay so next step now we will execute the project finally we i have copied this command and i will simply paste it here so when i paste it here so now it is uh trying to connect uh to my wi-fi my wi-fi it's connected to the wi-fi and now it is waiting uh for me to press the button hope you are seeing all these three screens so now let me press the button once so i have pressed the button once and i am seeing it is trying to patch these values to firebase database sensor 198 sensor to 129 sensor 323 sensor 437 so all these values it is trying to send esp is trying to send to firebase database okay now let's check whether it has received those values okay let me open both the screen so sensor 1 is 98 yes i have sensor 2 is 129 okay correct sensor 3 is 23 correct sensor 4 is 37 correct sensor 5 is 146 correct sensor 6 is 254 correct voila that's great good news my firebase database has received sensor values from micro python that is running on our esp board now let's check our web ui whether we have uh the same values sensor one is 98 sensor 2 129 323 sensor 4 37 one forty six seven six two fifty four oh voila that's great our web ui is also correctly responding with any change responding to the changes that are happening on our fireface database so let's do it one more time let me and press it one more time so i am pressing button again so it is trying to patch 107 okay that's great then you can see the immediate changes that are getting reflected in our firebase database and our web ui also the current values let me do it one more time first when i click it sensor gets 111 gets 111 4 19 sensor 5 gets value 61 and the same values you are seeing sensor 1 is 11 here in our database and the same values are shown in our web ui voila so let me look one more time sensor 1 is 80 and then immediately updated here in database and immediately shown in our value i create so let me finally put press the long button long press this button i'm pressing it for a long time so as soon as i press it for long it is identified here and log breast is detected and it is exiting now and it is exit and now esp board is not showing any code so if i press any button here so no sensor data we go to our firebase real-time database okay so that's all friends students teachers mentors and guides so those who need this document which i have prepared for you it's a very compact 12 pages document and has all the steps mentioned all the programs mentioned all the connection schemes mentioned that is required to execute this project and i just shown you and i just follow this document step by step and i was able to execute this project smoothly so if you need this document ask me in the comment window or ask me in my facebook group or just whatsapp me on my number as i mentioned in the description of this video i will provide you this complete document and let's see what is in is number 11 here i am showing you how it looks like the output and how the data looks in our database and finally how it looks in our web ui so congratulations magicians you have achieved it your rocks magicians your rocks so uh that's it that's all for the day and uh stay tuned with me i'll be coming with more interesting sessions for you that will be very much required for you to become an iv magicians thank you let me now stop sharing and let me end this

Channel: IMH Videos

Views: 231

Keywords: IOT, Raspberry Pi, IOT Course, Online IOT projects, Online IOT session, Amazon AWS IOT, MQTT IOT, Wireless IOT, XBEE, Home Automation, Learn IOT Online, firebase, Realtime database, ESP, ESP8266, ESP32, Micropython, IoT Core

Id: BxcnQumLYQA

Length: 53min 36sec (3216 seconds)

Published: Tue Jul 06 2021