Build A Streamlit Web App From Scratch (incl. NoSQL Database + interactive Sankey chart) ๐Ÿš€

preview_player
ะŸะพะบะฐะทะฐั‚ัŒ ะพะฟะธัะฐะฝะธะต

๐——๐—˜๐—ฆ๐—–๐—ฅ๐—œ๐—ฃ๐—ง๐—œ๐—ข๐—ก
โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€
In this video, I will be showing you how to build a Python web application from scratch using Streamlit. I will also show you how to connect your streamlit app to a database. In particular, we will be using a free NoSQL database from deta. I will cover the entire process from start to finish and show you how easy it is to build your own web application. We will also learn how to create an interactive Sankey chart using Plotly. Additionally, I will show some very nifty streamlit tricks. After this video, you will be confident to develop your own web apps.

๐ŸŒ ๐—Ÿ๐—œ๐—ก๐—ž๐—ฆ:

โญ ๐—ง๐—œ๐— ๐—˜๐—ฆ๐—ง๐—”๐— ๐—ฃ๐—ฆ:
00:00 โ€“ Intro
01:23 โ€“ Dependency installation and basic settings
03:58 โ€“ Coding out the entry area
09:51 โ€“ Coding out the plotting area
16:24 โ€“ Add a navigation menu
18:32 โ€“ Styling of the app
20:12 โ€“ Set up a NoSQL database
26:35 โ€“ Connect streamlit to a NoSQL database
29:03 โ€“ How to handle environment variables on a server
29:38 โ€“ Outro

๐—ง๐—ข๐—ข๐—Ÿ๐—ฆ ๐—”๐—ก๐—— ๐—ฅ๐—˜๐—ฆ๐—ข๐—จ๐—ฅ๐—–๐—˜๐—ฆ
โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€

๐—–๐—ข๐—ก๐—ก๐—˜๐—–๐—ง ๐—ช๐—œ๐—ง๐—› ๐— ๐—˜
โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€โ–€

โ˜• ๐—•๐˜‚๐˜† ๐—บ๐—ฒ ๐—ฎ ๐—ฐ๐—ผ๐—ณ๐—ณ๐—ฒ๐—ฒ?
If you want to support this channel, you can buy me a coffee here:
ะ ะตะบะพะผะตะฝะดะฐั†ะธะธ ะฟะพ ั‚ะตะผะต
ะšะพะผะผะตะฝั‚ะฐั€ะธะธ
ะะฒั‚ะพั€

๐Ÿ’ฌI will be here in the comments section. For any issues, please provide your exact error message, and I will try to help.

CodingIsFun
ะะฒั‚ะพั€

Hey, just wanted to drop a quick note to say thank you for making that YouTube video! It was seriously so helpful and I loved how you presented the material. Great job!

ะะฒั‚ะพั€

This is exactly what I am looking for. Your codes are neat and your presentation is easy to follow. Thanks a million!

ievevy
ะะฒั‚ะพั€

Your Streamlit videos are so helpful, thank you so much, you've become my favourite YouTuber!

akebu
ะะฒั‚ะพั€

This is brilliant! I finally start to understand some core Python/programming-concepts and this is a great tool for learning more. I especially liked the database-bit, which I didn`t believe I would.

Well done! I recommend your channel whenever I can.

catoberge
ะะฒั‚ะพั€

Awesome tutorial. The pacing is excellent. The editing is top-notch.

jackroark
ะะฒั‚ะพั€

Great explanation. This video is about 10 advanced Streamlit videos in one!
I did't get completely that plot but I will give it a chance later.

maurocruz
ะะฒั‚ะพั€

Excellent content !!! This channel deserves over 1 million subscribers. Mach weiter so!

ricardo.alves.campos
ะะฒั‚ะพั€

Excellent tutorial. I like your code organisation with all these sections and comments, will borrow this from you.
BTW never heard of Sankey charts. Thank you for sharing this with us. โค๏ธ

irinagetman
ะะฒั‚ะพั€

Love your tutorial videos, short but valuable. Love from the ๐Ÿ‡บ๐Ÿ‡ธ

GraphicalBoss
ะะฒั‚ะพั€

So much to unpack. Only the Sankey could be its own tutorial... Thank you

z.r.
ะะฒั‚ะพั€

You are awesome! I thought I knew all about streamlit, you proved me wrong. ๐Ÿ˜Š

fierval
ะะฒั‚ะพั€

Thanks for sharing another great vid!
Btw Deta looks cool!

pythoninoffice
ะะฒั‚ะพั€

Thanks for the tutorial, i learn a lot from only a single video :)

stevenl
ะะฒั‚ะพั€

This is very helpful for me thank you!!!

Christopher_Tron
ะะฒั‚ะพั€

Great video, it would be interesting to see if any of the st caching magic decorators apply to connecting to the db? Or is that reopened each time the app reloads?

yeahjustlikethat
ะะฒั‚ะพั€

Excellent video as always!
Fast, clean and nice explanation of every aspect! I learned Streamlit from you, thx for finding the time to make these excellent videos.
I have a request. Could you show us how to edit an entry in the database? Not from the db panel, but from inside the streamlit app.

violoriser
ะะฒั‚ะพั€

Excellent explanation and very very helpful

learnsharegrowwithgh
ะะฒั‚ะพั€

Thank you for an excellent video. I look forward to watching more of your videos! (deta is very different and the website is a bit of a nightmare to navigate (imho) so I chose a different path there.)

biscotty
ะะฒั‚ะพั€

didaktisch unglaublich gut! Weiter so!

GordonShamway