How to Build a Streamlit App (Beginner level Streamlit tutorial) - Part 1

►► Download the Streamlit project template to get going in no time - misraturp.gumroad.com/l/stemp
Streamlit is an awesome tool I recently used at work. It makes building a front-end for your project extremely easy. In this video, I walk you through setting up Streamlit and structuring the application into containers.
Prefer to read this? Go to www.misraturp.com/post/create...
Data I use is from NYC Open Data - www1.nyc.gov/site/tlc/about/t...
-----
👇Learn how to complete your first real-world data science project
Hands-on Data Science: Complete Your First Portfolio Project
www.misraturp.com/hods
🐼 All you need to know about Pandas in one place! Download my Pandas Cheat Sheet (free) - misraturp.gumroad.com/l/pandascs
-----
👋 Keep in touch?
==========================
🐥 Twitter - / misraturp
🔗 LinkedIn - / misraturp
📹 KZbin - / @misraturp
🌎 Website - misraturp.com/
Courses & resources
============================
📙 Fundamentals of Deep Learning in 25 pages
misraturp.gumroad.com/l/fdl
👩‍💻 Hands-on Data Science: Complete your first portfolio project
www.misraturp.com/hods
📥 Streamlit template
misraturp.gumroad.com/l/stemp
🤖 Deep Learning 101 with Python and Keras (FREE)
• 50 Days of Deep Learning
🏃‍♀️ Data Science Kick-starter mini-course (FREE)
misraturp.gumroad.com/l/kick-...
🐼 Pandas cheat sheet (FREE)
misraturp.gumroad.com/l/pandascs
📝 NNs hyperparameters cheat sheet (FREE)
misraturp.gumroad.com/l/hcs

[@theudayakiranvlogs]

By far, most easiest and simplest way of training streamlit. Cheers. Instant like and subscribe

[@misraturp]

Thank you Uday!

[@datastrategypros]

This is perfect!! I was just looking for a Streamlit demo - thanks, Mısra

[@misraturp]

Awesome! Hope it helps. :)

[@chan4xan]

This series is really helpful and clear, really learned a lot and am excited to start using Streamlit for DS projects!

[@misraturp]

That's great to hear Lamar! Best of luck on your projects. :)

[@dineshmister1280]

I was looking for a webpage which can also use python and I finally found you and streamlit ❤️ keep posting videos about streamlit and your teaching was easy to understand while watching.

[@misraturp]

That's great to hear Dinesh, thank you!

[@dungeonseeker3087]

Quick note for users on Linux following this (or any other Python tutorial), you should never run pip directly on your system (and definitely not as root), doing so can cause dependency issues with your system installation of Python. Instead first create a python virtual environment inside your project folder then use its separated version of pip to install python modules into your project and only your project.

[@simon-4530]

Great job, clearly explained and very helpful :)

[@misraturp]

Glad to hear that!

[@creaturetrendy]

It really helps a lot to understand streamlit . BTW your handwriting is awesome.

[@misraturp]

Ah thanks! Never thought of my handwriting as good honestly. :D

[@YouOweMeMoney]

This is great, really gave me the building blocks to get started

[@misraturp]

Great to hear!

[@mukulkrsinghchauhan280]

You are truly amazing. Appreciate the efforts that you have put into to create the series of tuts. Thanks

[@misraturp]

Glad you like them!

[@farhankhan-hq9ww]

oh this is just so good to use , and even your tutorial is excellent. thanks

[@misraturp]

Great to hear!

[@karimnaufal9792]

Thank you, Misra, great! You're good at this.

[@misraturp]

Thanks Karim! Really happy to hear it. :)

[@mallikarjunpidaparthi]

Thank you so much. You saved a lot of my time.

[@misraturp]

You're very welcome!

[@jitendratrivedi7889]

Simple and easy to understand. Thanks ..

[@misraturp]

You're welcome!

[@juandavidpenaranda6136]

I have to deliver a dashboard built in python for a school project this weekend. You and this vid are so great!! Thanks

[@misraturp]

Glad it was helpful!

[@norbertosanchez403]

I like your clear and easy to follow explanations.

[@misraturp]

I'm glad to hear that! :)

[@juliankercsik5641]

@@misraturp Let me introduce myself I am Julian. I have been trying to run this 'streamlit' for 2 days now I hardly slept and now it works. GENIUS that's what u r!!!!!

[@juliankercsik5641]

Let me introduce myself I am Julian. I have been trying to run this 'streamlit' for 2 days now I hardly slept and now it works. GENIUS that's what u r!!!!! Yes I want to be a data scientist indeed!!!!!

[@misraturp]

@@juliankercsik5641 That's awesome Julian! I'm glad to hear the tutorial helped!

[@991122bc]

Quite enjoy your teaching, the way you explained, very good

[@misraturp]

Great to hear, thank you :)

[@hsoley]

amazing, love the content

[@misraturp]

That's great to hear, thank you!

[@manuelmbscorreia]

Underrated - Thanks to you I will be able to show a finished project to a possible employer.

[@misraturp]

That's great to hear! Thank you. 🤓

[@umutaltun9049]

Perfect. Thank you so much!

[@misraturp]

You're welcome!

[@declanonyinye9421]

Thank so much... you just save a soul

[@misraturp]

I'm happy to help :)

[@arlcun]

Thank you so much for this video!

[@misraturp]

You are so welcome!

[@Chevignay]

Hi, thank you for putting together this great tutorial, it's very well communicated 👍

[@misraturp]

Great to hear Thierry! You're welcome :)

[@davidbristoll195]

Great video, really helpful, thank you! streamlit looks awesome! I can finally escape print statements 😂

[@misraturp]

Glad it was helpful!

[@giftyarthur5881]

Impressive. Thanks for sharing

[@misraturp]

😊

[@shriyashmohril6243]

Thanks a lot for this really helpful

[@misraturp]

You're very welcome!

[@sun1908]

This is great.. Thank you.

[@misraturp]

You're welcome :) I'm glad you liked it

[@DaviRocha_Health_and_Data]

Thanks for sharing

[@misraturp]

Of course!

[@misraturp]

👉 All you need to know about Pandas in one place! Download my Pandas Cheat Sheet (free) misraturp.gumroad.com/l/pandascs

[@shubhamagarwal390]

Thank you very much...

[@misraturp]

@@shubhamagarwal390 You're very welcome!

[@sofun728]

Your doing awesome...

[@misraturp]

Thank you!

[@wagnerengenhoca]

Perfect

[@misraturp]

Thanks!

[@alvarezgonzalezianarturo7942]

Thank you so much :'3

[@misraturp]

You're welcome :)

[@jeremyopriasa9961]

Thankyou Maam!!

[@misraturp]

You are welcome :)

[@juliankercsik5641]

Hiya You are a genius love you!!!!

[@misraturp]

Thank you

[@Frank-si2jd]

Thanks for your wonderful tutorials! One thing though, please use zoom-in or use enlarged fonts to follow easier on e.g. an iPad.

[@misraturp]

You're very welcome! And noted!

[@emrekyak3901]

Great content, thanks! Just discovered the channel, Greetings!

[@misraturp]

Thanks and welcome!

[@azhar145]

Hi Great video. Thank You. One request please - for next videos, if possible - can you please consider to maximize your terminal window when recording - so it is easy to read. Thanks.

[@misraturp]

Thanks Azhar! The feedback is noted.

[@azizjonmuhiddinov8786]

thanks

[@misraturp]

You're welcome :)

[@mohitpande2006]

hi misra, I follow your channel and learn many things, actually I am working on project to select best time series prediction model, I have done using fb prophet and deployed as well, but I am not getting any video on LSTM forecasting and it use on streamlit, can make any video with same regards in future

[@misraturp]

Sure, I've noted it down for a future idea. Thank you Mohit.

[@neelamadhabkhaya98]

Nice

[@misraturp]

Thanks!

[@jaymanfred8811]

Hello, I am getting a streamlit has no attribute beta_container error, any suggestions?

[@thebloocat]

Nice wallpaper

[@misraturp]

Thanks! I love it too :)

[@tolulopetoluwade4116]

You are very good, many thanks for this tutorial. However, I am using a streamlit version of 1.24.1 and beta_container has been renamed to container. I kept getting errors until I changed it to container

[@Nice_lolat]

thanks for this update - really helpful

[@gowrishankar7971]

mam im using google colob then how to write a code on command prompt

[@minimumeffort1997]

For those who are watching it now... beta container() has been changed to container()

[@ShivamSharma-if1oh]

Please make more tutorials on streamlit

[@misraturp]

Any specific topic in Streamlit?

[@MohamedAlphaKamara-cp8xo]

hi please which notebook did you use to write the code, coz it doesnt seem like jupyter

[@misraturp]

Hello Mohamed, I develop the code on Sublime text here.

[@slimyelow]

NYC Ridesharing plot is funny: 0:00 to 1:00 am. All those wasted Manhattan folks getting an Ueber to get home. - and too cheap to call a Taxi.

[@oumaimajanouj6309]

Great content, but i have a question how can i create a box where i can type in numbers ( supposedly bitcoins) and then convert them to dollars while i have the python code ?

[@misraturp]

You can do this by getting an input from the user like this: user_input = st.text_input("label goes here", default_value_goes_here) and then convert them with whatever the conversion rate is: dollar_value = conversion_rate * user_input and display the dollar_value. st.text(dollar_value) Though if you want to have the latest conversion_rate you might need to use some sort of API to get the latest rate everytime.

[@harryfeng4199]

Can I install in google colab or do I have to do it locally

[@misraturp]

I never tried building a Streamlit app on Google Colab honestly. I think running it locally at least during building is a good idea.

[@jackychan4640]

Hey Masra, recently I am not able to create a project using streamlit. Note: pyarrow err . Please help

[@skyful9]

Which is better using streamlit on Jupyter notebook or in IDE Atom,VS etc ?

[@misraturp]

IDE or a text editor with code syntax capabilities would be the best.

[@sultanmohiuddin5063]

you are just awesome...but there is one problem i got can you plz explain how did you opened your streamlit app in browser

[@misraturp]

Hello Sultan, thank you for your nice words. One you run the line: Streamlit run the browser page pops up automatically.

[@phamducminh9451]

Thanks for the nice video. I go this when running the code Please replace st.beta_container with st.container. st.beta_container will be removed after 2021-11-02.

[@misraturp]

Hey Pham, Streamlit has since updated their API. The problem should go away if you replace beta_container with container.

[@chicagogirl9862]

i tried so many solution but ip address can not be opened on Chrome

[@nayeem3905]

Thank you for this. What's the difference between streamlit and pywebio?

[@misraturp]

You're welcome. :) I've never heard of pywebio. Is it also a web app framework?

[@anoop_bhat]

should we set streamlit to path as I cannot run streamlit run main.py

[@misraturp]

Hey Anoop, have you followed the Streamlit installation instructions? If so, no further action is needed.

[@v4389]

Hi:) What IDE are you using?

[@misraturp]

In this video, I use Sublime text but recently I started using Visual Studio Code.

[@v4389]

​@@misraturp Thanks! I’m new to streamlit, trying to develop an app for data fusion. Records from two sources will be presented to user and user input will be taken whether a record is a match or not. Based on an input from user, a column in a database table will be updated with a value either “Match” or “Mismatch” How to get this value from user and store it in a database table along with name of user and timestamp? I appreciate your help on this! Thanks, Vishal

[@arjunpathak7999]

My video feed get stuck after sometimes on streamlit how can i resolve it?

[@misraturp]

Hey Arjun, not sure what could be causing it unfortunately. :/

[@williamsilva1312]

AttributeError: module 'streamlit' has no attribute '_is_running_with_streamlit'.This error happens every time I try to plot the Hiplot view. Do you have any tips to resolve?

[@misraturp]

Hey William, could you share with me the line that causes this error?

[@davidralte4572]

Could you please do Cherrypy tutorial,

[@misraturp]

Hey David, I never worked with Cherrypy but I’ll look into it. Thanks for the suggestion!

[@davidralte4572]

@@misraturp Thank You for considering, I am doing a project on NLP and I need to used easyocr with streamlit but is not working together so I have some problem.

[@fampirowski1]

You are Eva Mendes++ ;) i love your videos

[@misraturp]

Haha thanks!

[@harshvardhanshringi933]

when I am using multiple text inputs it showing key errors, could you please solve this.

[@misraturp]

You are probably having an error related to using a column name that is not actually in the dataset.

[@triptypes]

Merhaba Sen Turkmusun? Ben sizin kanali izliyorum.Saygilar. Nasil ben kisa zamanda oyrene bilirim?Python Data ile ilglili

[@misraturp]

Merhaba! Yes, I'm Turkish. :) Internetten online courselar cok faydali olabilir. Benim online courselarim icin buraya bakabilirsin: www.soyouwanttobeadatascientist.com/roadmap

[@hemanthkotagiri8865]

The moment I saw your channel name, one thing was in my mind: "So you wanna be a software Engineer at Google?". Get it? 😉

[@misraturp]

Hey Hemanth, I wasn't familiar with that actually but a Google search told me that it is some sort of an internet meme, is that correct? :D

[@hemanthkotagiri8865]

@@misraturp It is. From a very famous dude, Clement about his company algoexpert. How can you not know him? He's all over the place!

[@misraturp]

@@hemanthkotagiri8865 Interesting... Never seen it before. 🤷‍♀️

[@ivorstable]

Hi I have a problem when I install my streamlit I can not import it but streamlit is installed for sure because when I pip list it is listed can you help me somehow

[@misraturp]

Hey Ivor, is it possible you have anaconda or some other environment installed? You might have installed Streamlit to one environment and trying to run the app from another?

[@ivorstable]

@@misraturp thanks for the reply I did find a solution. The problem was that I needed to add PATH in windows. Thanks

[@misraturp]

@@ivorstable Glad to hear it was resolved!

[@declanonyinye9421]

I'm stuck here : AttributeError: module 'streamlit' has no attribute 'dataset_container' Traceback: File "/opt/anaconda3/lib/python3.8/site-packages/streamlit/script_runner.py", line 333, in _run_script exec(code, module.__dict__) File "/Users/mac/Desktop/declan/data/main.py", line 5, in dataset = st.dataset_container()

[@misraturp]

Hey Declan, looks like you're trying to create a container with the wrong function. It should be st.beta_container(). Hope this helps.

[@shivanshjayara6372]

Mam can we deploy ml model using streamlit in heroku?

[@misraturp]

That should be possible. It is in my list of things to do a video of. :)

[@shivanshjayara6372]

Thats great....also do one video on pywebio and how to deploy it in heroku. Its a request coz i was able to run my machine learning app from my local on a webpage using pywebio but im not able to deploy it using heroku...so if u have time for this do make a video on that plz do make..... thank you :-)

[@slimyelow]

beta_container() is now called container()

[@iraqiplanet]

This is what i get Please replace st.beta_container with st.container. st.beta_container will be removed after 2021-11-02.

[@misraturp]

Yes, since I made this video, there has been updates to Streamlit. So you can update the code as the warning suggests and it should all be fine :)

[@akhil3365]

can you please make a video on how to make a note-taking app in streamlit I tried to implement it but there are so many problems with my version because while deleting a note (row in the data frame) it messes up because the select_box doesn't get updated and sometimes deletes the row which is not intended to: def Notes(): st.markdown('## Notes') st.markdown('####') df= pd.read_csv('Notes.csv') Seal = st.container() nt,tb=st.columns(2) val=nt.text_area('Edit','Enter Note',height=200) if nt.button('Add note'): if val not in df['All Notes'].tolist() and val!='Enter Note': df.loc[len(df.index)]=val df['.']='.' df.to_csv('Notes.csv',index=False) tb.table(df.rename(columns={'All Notes': 'Highlights'}).set_index('.').sample(2)) with nt.expander('Delete'): delt=st.selectbox('Delete',df['All Notes']) if st.button('Delete'): df= pd.read_csv('Notes.csv') df=df.drop(df[df['All Notes']==delt].index) df.to_csv('Notes.csv',index=False) with Seal.expander('See All'): st.table(df.set_index('.')) Notes() this is my implementation.

[@misraturp]

I'll add that to my list of videos to make AKHIL. Thank you for the suggestion!

[@akhil3365]

@@misraturp thank you so much I got few hints seeing you video on session state and call back function I think that is the way to achieve desired results

[@misraturp]

@@akhil3365 Awesome!

[@muhsinsulfikker1845]

can u provide the covid 19 project link

[@misraturp]

Here it is: covid19.multivacplatform.org/

[@dr.sidul1100]

your so beautiful and thank your for videos.

[@misraturp]

You're welcome

[@raviyadav2552]

are you a lefty!

[@misraturp]

Ah, no. Does it look like that in the video? 😄

[@markcuello5]

HELP

[@misraturp]

WITH WHAT? 😱

[@user-ox3fv5vq3e]

gatinhademaisturca

[@user-ox3fv5vq3e]

temzap?

[@vhater2006]

nice tutorial for someone who never code i know now container THANKs LOT at the end oif the video i was on hurry to write down the website can you keep it while you advertise for !!! thanks gain all the best.

[@misraturp]

You're very welcome Vhater!