Dear Avra, A suggestion, sqlite is an embedded database which comes with python. It is most simple and elegent to use it for small projects especially for login/new user like application. Not forgetting to thank you for this effort.
Hi Pradeep , you are right . SQLite can be very well utilized for such simple projects . As well as Streamlit session state to store the data during any particular session . However, in this video , I tried to demonstrate the extensibility of the firebase , with real time data storage as well as login authentication. Thank you for your comment and feedbacks. Means a lot . 🤗🎈
Hey Christopher ! It’s always motivating to hear this kind feedback :) and also I’m grateful for your contribution 🤗 thank you . Stay in touch and feel free to update me with your app , good luck 🤗🎈
Built a library which supports just this! Without any additional DB support. All you need to do is just import the library and use the authentication status. Installation: pip install streamlit-login-auth-ui
No doubt , there’s always a better solution. If I’m Not wrong , Streamlit authenticator component does something very similar with few lines . I’m certain your component as well . So , Great job Gauri with the component 🤩 Leave a link to the component so that everyone can find it and use as well . If possible , put it up on the community tracker , cheers !
@@Avra_b GauriSP10/streamlit_login_auth_ui Here is the link to my GitHub repo. Yes streamlit-authenticator is an amazing piece of work! My library triggers an email to reset the password! And it is free and easy to configure the email service. Thanks for the acknowledgement Avra. I have added this to the community tracker. Excited for everybody to use this!! Sadly, adding the link deletes my comment.
Awesome stuff! Really looking forward to the next video as my main objective is the login part. Are you going to leverage the session states in streamlit? Keep up the nice work!!
Thank you ! Although I haven’t planned any video related to session state specifically , but why not ? I’ll try to demonstrate session state usage in my coming videos, thanks for this suggestion. Have a great weekend ahead and hope to see you around , cheers!
Amazing, this is so helpful! Thank you for making this fantastic video. I wanted to ask you, is it possible to have users signup using Google rather than typing email and password. Could you please show something on that how it can be done on streamlit. Fantastic going! Keep it up! Look forward to your upcoming videos!
Hey Pitanjal , thank you for your kind words, means a lot . Here’s a link to a component which might help you , discuss.streamlit.io/t/streamlit-next-js-component-auth0-authentication-bi-directional-messaging-serverless-apis/9189 Personally I’m yet to try this Google authentication component. But it seems like what you ( we all ) need mostly. Let me know if this work out and I’ll be interested to see how it can be implemented with Firestore. Stay in touch , cheers , Avra
@@Avra_b Hey yes, this is what I want. I found your videos really easy to follow. Pls do something where we can login using firebase in streamlit. That would be really great hahaha!
@@Avra_b just watched this video and had the same question. was looking through the pyrebase documentation and there didn't seem to be anything related to how to use google authentication. haven't looked at the auth0 linked which you pasted above. since i'm a beginner, i'd love to see how google auth can be used with firebase and firestore. thanks for the amazing content. -- Sahil
note: This error originates from a subprocess, and is likely not a problem with pip. error: legacy-install-failure × Encountered error while trying to install package. ╰─> pycryptodome this error showing while installing pyrebase
Hi! Thank you for your feedback. Did you check the github repo ? Usually I just push the same .py file , perhaps it's missing something ? Let me know how can I help you.
Hi , it will be difficult to say why the mentioned error pops up . But I presume it is related to pyrebase installation . How about starting with their GitHub page ? ( probably you can find the link in the description as well ) . The exact version I used while deploying this app was 3.0.27 . You can also find the other modules details on my GitHub repository. Let me know how it goes , stay in touch :)
What do you mean ? Isn’t figma just for design ? If you have a minimal design you can build in Streamlit . Note - Streamlit isn’t best for front end dev
Hi Akshata , glad that you liked it . For the pricing , I would suggest you to check their website , of course e there are free and monthly subscription plans based on your needs . Here’s the link - firebase.google.com/pricing
By using your codes, I was trying to login with wrong email, and the program just crashed with error: EMAIL_NOT_FOUND. I try coding with "try exception, but didn't work! Could you shed some light?! Thanks!
Thanks for your feedback. What was your fake / wrong email and how did you use it ? Did you enable the 'enable your email' option in your firestore project?
@@Avra_b Thank you so much. I watched your video clip part I and II and follow your steps and your codes worked perfectly. Except that in following two lines of codes: user = auth.create_user_with_email_and_password(email, password) user = auth.sign_in_with_email_and_password(email,password) if somethings go wrong in above codes(for example in first line: password less than length of 6. in second line of code: email not found in firebase), the python program crashed! because you did not implement bullet proof codes to avoid the crashing! I searched the internet, found some solutions, but still unable to work it out! If you find it, please advise!
@@ntutalumni thank you for your feedback . Happy that the code worked for you . I understand the problem with that two lines . What if we add some conditional check right after the user gives the password / email id . Also, may be adding the help argument in the In the user input box ( guiding the user for minimum character for password ) . I’m bit ignorant about how Firestore deal with this , thanks for reporting, I would also like to give a search related to it . However . Do stay in touch , and let’ me know if you have any specific ideas about Streamlit and Python integration , cheers :)
You are completely right . When this video was made , St.SessionState was not a feature yet - to store the state of Button . Check this video out where I mentioned about this UI limitation and gave an workaround - th-cam.com/video/dPdB7zyGttg/w-d-xo.html . Stay in touch and let me know :)
@@gingerdragon6216 Thanks for watching. That's of course a great suggestion. It can be easily made, once the login information is no more as a cache, or clearning the cache which was stored while Logging IN. Let me know how it goes , cheers ! Stay in touch :)
Hi Manshi, this entire code was tested and recorded on a MacOS. I would suggest you to refer to common issues related section on the github readme - github.com/avrabyt/Streamlit-Tutorials-2021-22/tree/main/Streamlit_Firestore_SocialApp Otherwise, please let me know what's the error. You can install pyrebase using pip comman from your terminal. Let me know :)
If you are planning to use this technique on your deployed streamlit application, and want to continue using it, you may get an error after 30 days saying: Client access to your Realtime Database 'tradatanalytix-default-rtdb is expiring soon. You chose to start developing in Test Mode, which leaves your Realtime Database instance completely open to the Internet. Because this choice makes your app vulnerable to attackers, your database security rules were configured to stop allowing requests after the first 30 days. In 4 day(s), all client requests to your Realtime Database instance will be denied. Before that time, please update your security rules to allow your app to function while appropriately protecting your data. I have found out a solution for this. All you have to do is click on Edit Rules: { // Allow read/write access to all users under any conditions // Warning: **NEVER** use this ruleset in production; it allows // anyone to overwrite your entire database. "rules": { ".read": "true", ".write": "true" } } Similarly your cloud storage rules can be changed to: rules_version = '2'; service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { allow read, write: if request.time < timestamp.date(2023, 2, 28); // Just increase the year in this date. } } } Reference video link: th-cam.com/video/kWQ4M-rZje0/w-d-xo.html
Here is the link to the code:
avra-youtube.notion.site/STREAMLIT-FIRESTORE-INTEGRATION-USING-PYREBASE-PYTHON-0c3a44874b774d24a23c80c36b2cf14b
Not sure if people have shared, but you are good at this and you should make more videos.
Really appreciate the kind words. Time is the biggest hurdle atm, but would definitely create more videos soon :)
Dear Avra, A suggestion, sqlite is an embedded database which comes with python. It is most simple and elegent to use it for small projects especially for login/new user like application. Not forgetting to thank you for this effort.
Hi Pradeep , you are right . SQLite can be very well utilized for such simple projects . As well as Streamlit session state to store the data during any particular session . However, in this video , I tried to demonstrate the extensibility of the firebase , with real time data storage as well as login authentication.
Thank you for your comment and feedbacks. Means a lot . 🤗🎈
Gotta say dude.
This is great stuff!
Thanks man! It’s been ages that I made this video. Appreciate the kind words !
Thank you so much for making this video, extremely helpful. Your a great teacher
Hey Christopher ! It’s always motivating to hear this kind feedback :) and also I’m grateful for your contribution 🤗 thank you . Stay in touch and feel free to update me with your app , good luck 🤗🎈
Built a library which supports just this! Without any additional DB support.
All you need to do is just import the library and use the authentication status.
Installation:
pip install streamlit-login-auth-ui
No doubt , there’s always a better solution. If I’m
Not wrong , Streamlit authenticator component does something very similar with few lines . I’m certain your component as well . So , Great job Gauri with the component 🤩
Leave a link to the component so that everyone can find it and use as well . If possible , put it up on the community tracker , cheers !
@@Avra_b GauriSP10/streamlit_login_auth_ui
Here is the link to my GitHub repo.
Yes streamlit-authenticator is an amazing piece of work!
My library triggers an email to reset the password! And it is free and easy to configure the email service.
Thanks for the acknowledgement Avra. I have added this to the community tracker. Excited for everybody to use this!!
Sadly, adding the link deletes my comment.
Recommend adding the python environment or direct new viewers to a good example. Looks very good.
I agree, thanks for the suggestions ! Cheers !
awesome project more streamlit Web Apps please specially on google map
Thank you Noel ! Glad to see you liking these mini projects . Sure, I'll try to create something related to google map . Cheers !
Nice, I will be also nice to learn how to do with Microsoft Firebase authentication
That’s a great suggestion ! I’ll think about it :)
Thanks @Avra for the Information. From Brazil !
Hey , warm greetings! I’m glad that you like the video . Do stay in touch and always feel free to shower your suggestions and feedbacks. 🎈
Great video! It will be much better if you can use better microphone to reduce the background hissing noise.
Hey thanks for the suggestion. I do appreciate. Will be soon upgrading my tools 🛠️ 🤗
Awesome, greeting from Chile
Hello Jorge , glad to know you . Keep in touch :)
Thank You!! Greetings from Perú
Hello Jair , glad to know you . Stay in touch and let me know if you have specific ideas on Streamlit and Python integration. Cheers :)
Awesome stuff! Really looking forward to the next video as my main objective is the login part.
Are you going to leverage the session states in streamlit?
Keep up the nice work!!
Thank you ! Although I haven’t planned any video related to session state specifically , but why not ?
I’ll try to demonstrate session state usage in my coming videos, thanks for this suggestion.
Have a great weekend ahead and hope to see you around , cheers!
Hi, here's the second part of this web application - th-cam.com/video/uzc3OEjjbn8/w-d-xo.html
@@Avra_b Awesome! Will check it out, thank you!
this is very infomative thank you!
Glad to hear ! 🤗
Thank you so much this helped me a lot
Super! Very happy to hear ☺️
Awesome video, thank you!
Glad that you liked it !
Amazing, this is so helpful! Thank you for making this fantastic video.
I wanted to ask you, is it possible to have users signup using Google rather than typing email and password. Could you please show something on that how it can be done on streamlit.
Fantastic going! Keep it up! Look forward to your upcoming videos!
Hey Pitanjal , thank you for your kind words, means a lot .
Here’s a link to a component which might help you , discuss.streamlit.io/t/streamlit-next-js-component-auth0-authentication-bi-directional-messaging-serverless-apis/9189
Personally I’m yet to try this Google authentication component. But it seems like what you ( we all ) need mostly. Let me know if this work out and I’ll be interested to see how it can be implemented with Firestore.
Stay in touch , cheers , Avra
@@Avra_b Hey yes, this is what I want. I found your videos really easy to follow. Pls do something where we can login using firebase in streamlit. That would be really great hahaha!
Sure , I’ll update you once I come up with something. Stay in touch 🎈
@@Avra_b just watched this video and had the same question. was looking through the pyrebase documentation and there didn't seem to be anything related to how to use google authentication. haven't looked at the auth0 linked which you pasted above. since i'm a beginner, i'd love to see how google auth can be used with firebase and firestore. thanks for the amazing content. -- Sahil
Awesome!!!
Glad you liked it !
I am facing problem while installing pyrebase module pls someone help
Also I am having latest version of python and upgraded version of pip
Someone already has a solution over the comment section probably . please check :)
note: This error originates from a subprocess, and is likely not a problem with pip.
error: legacy-install-failure
× Encountered error while trying to install package.
╰─> pycryptodome
this error showing while installing pyrebase
install newer version :
pip install pyrebase4
this resolved the same error for me!!!
@@sudheerarigela8202 thank u bro
Thanks 🙏
Great stuff it’s resolved I guess! Thanks guys
the code shared doesnt have the specific styling shown in the video, it is the default
Hi! Thank you for your feedback. Did you check the github repo ? Usually I just push the same .py file , perhaps it's missing something ? Let me know how can I help you.
thanks bro
Welcome
Thank you Bro ❤️
I’m glad that you liked it ❤️
Why is it when I try to install pyrebase it says pyrebase module not found? Which pyrebase version should I be using?
Hi , it will be difficult to say why the mentioned error pops up . But I presume it is related to pyrebase installation . How about starting with their GitHub page ? ( probably you can find the link in the description as well ) . The exact version I used while deploying this app was 3.0.27 . You can also find the other modules details on my GitHub repository. Let me know how it goes , stay in touch :)
Hey, if we want all the data to be stored on ec2 itself. Also I'm running the streamlit app on ec2. So how to do it then?
Idk unfortunately
Can we design the pages on figma and then from itself can we add it to the streamlit application and store the data on ec2.
What do you mean ? Isn’t figma just for design ? If you have a minimal design you can build in Streamlit . Note - Streamlit isn’t best for front end dev
Hey Avra nice information, but can you specify weather the firbase account is free tier or they would charge you for the maintenance.
Hi Akshata , glad that you liked it . For the pricing , I would suggest you to check their website , of course e there are free and monthly subscription plans based on your needs . Here’s the link - firebase.google.com/pricing
@@Avra_b Thanks
By using your codes, I was trying to login with wrong email, and the program just crashed with error: EMAIL_NOT_FOUND. I try coding with "try exception, but didn't work! Could you shed some light?! Thanks!
Thanks for your feedback. What was your fake / wrong email and how did you use it ? Did you enable the 'enable your email' option in your firestore project?
@@Avra_b Thank you so much. I watched your video clip part I and II and follow your steps and your codes worked perfectly. Except that in following two lines of codes:
user = auth.create_user_with_email_and_password(email, password)
user = auth.sign_in_with_email_and_password(email,password)
if somethings go wrong in above codes(for example in first line: password less than length of 6. in second line of code: email not found in firebase), the python program crashed! because you did not implement bullet proof codes to avoid the crashing!
I searched the internet, found some solutions, but still unable to work it out! If you find it, please advise!
@@ntutalumni thank you for your feedback . Happy that the code worked for you .
I understand the problem with that two lines . What if we add some conditional check right after the user gives the password / email id . Also, may be adding the help argument in the In the user input box ( guiding the user for minimum character for password ) .
I’m bit ignorant about how Firestore deal with this , thanks for reporting, I would also like to give a search related to it .
However . Do stay in touch , and let’ me know if you have any specific ideas about Streamlit and Python integration , cheers :)
auth.create_user_with_email_and password function is not getting .
How to get it
Can you tell me a bit more about the error message
why not use the button rather than using the checkbox in Login?
You are completely right . When this video was made , St.SessionState was not a feature yet - to store the state of Button . Check this video out where I mentioned about this UI limitation and gave an workaround - th-cam.com/video/dPdB7zyGttg/w-d-xo.html . Stay in touch and let me know :)
@@Avra_bthank you, I just watched your videos about streamlit, what about creating a log out button?
@@gingerdragon6216 Thanks for watching. That's of course a great suggestion. It can be easily made, once the login information is no more as a cache, or clearning the cache which was stored while Logging IN. Let me know how it goes , cheers ! Stay in touch :)
Hey is role based authentication possible in streamlit??
Yes
Bhaiya how to install pyrebase on mac please help!! rest video is awesome:)
Hi Manshi, this entire code was tested and recorded on a MacOS. I would suggest you to refer to common issues related section on the github readme - github.com/avrabyt/Streamlit-Tutorials-2021-22/tree/main/Streamlit_Firestore_SocialApp
Otherwise, please let me know what's the error. You can install pyrebase using pip comman from your terminal. Let me know :)
@@Avra_b Thankyou bhaiya 🤗
name error db is not defined what to do
Hi , thanks for your feedback. Typically it should work . Otherwise, please do share your GitHub repo for the code you tried . 🤗
If you are planning to use this technique on your deployed streamlit application, and want to continue using it, you may get an error after 30 days saying:
Client access to your Realtime Database 'tradatanalytix-default-rtdb is expiring soon. You chose to start developing in Test Mode, which leaves your Realtime Database instance completely open to the Internet. Because this choice makes your app vulnerable to attackers, your database security rules were configured to stop allowing requests after the first 30 days.
In 4 day(s), all client requests to your Realtime Database instance will be denied. Before that time, please update your security rules to allow your app to function while appropriately protecting your data.
I have found out a solution for this. All you have to do is click on Edit Rules:
{
// Allow read/write access to all users under any conditions
// Warning: **NEVER** use this ruleset in production; it allows
// anyone to overwrite your entire database.
"rules": {
".read": "true",
".write": "true"
}
}
Similarly your cloud storage rules can be changed to:
rules_version = '2';
service firebase.storage {
match /b/{bucket}/o {
match /{allPaths=**} {
allow read, write: if
request.time < timestamp.date(2023, 2, 28); // Just increase the year in this date.
}
}
}
Reference video link: th-cam.com/video/kWQ4M-rZje0/w-d-xo.html
Thank you Pitanjal ! Once again, I really appreciate this 🤗☺️