Build and Deploy a Multi-Page Web Application Using Python (Streamlit)

👉 Explore All My Excel Solutions: pythonandvba.com/solutions
𝗗𝗘𝗦𝗖𝗥𝗜𝗣𝗧𝗜𝗢𝗡
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
In this video, I’ll guide you step-by-step on how to build and deploy a multi-page web application in just 15 minutes using Python and Streamlit. No need to worry about HTML, CSS, or JavaScript-everything will be done in Python!
We’ll start by creating a simple navigation menu to switch between different pages and add a fully functional modal contact form. This project will showcase how powerful and easy Streamlit makes web development.
I'll also show you how to integrate no-code tools to enhance your app's functionality, making it even more versatile. By the end of this tutorial, you’ll have a professional-looking web app ready to go. Plus, I’ll teach you how to deploy it on the Streamlit Community Cloud for free, so you can share your work with the world.
🌍 𝗟𝗜𝗡𝗞𝗦:
▶ Live Website: multipage-webapp.streamlit.app/
▶ Source Code: github.com/Sven-Bo/python-mul...
▶ Pabbly Connect: pythonandvba.com/go/pabbly-co...
▶ Material Icons: fonts.google.com/icons
▶ Build a Streamlit Sales Dashboard: • Turn An Excel Sheet In...
▶ Build a Streamlit ChatBot App: • Turn An Excel Sheet In...
⭐ 𝗧𝗜𝗠𝗘𝗦𝗧𝗔𝗠𝗣𝗦:
00:00 - Introduction
01:26 - Installing Dependencies
01:57 - Creating 'Hello World' App
02:52 - Setting Up Navigation Menu
06:26 - Inserting Logo
07:21 - Creating 'About Me' Page
09:30 - Creating Contact Form
10:53 - Setting Up No Code Automation
14:45 - Building Sales Dashboard & ChatBot
15:48 - Styling the App
16:55 - Configuring Secrets File
17:49 - Deploying the App
19:43 - App Review
20:20 - Outro
𝗧𝗢𝗢𝗟𝗦 𝗔𝗡𝗗 𝗥𝗘𝗦𝗢𝗨𝗥𝗖𝗘𝗦
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🆓【𝗙𝗥𝗘𝗘】Excel Add-in (𝗠𝘆𝗧𝗼𝗼𝗹𝗕𝗲𝗹𝘁): pythonandvba.com/mytoolbelt
📊 Dashboard Excel Add-In (𝗚𝗿𝗮𝗳𝗹𝘆): pythonandvba.com/grafly
🎨 Cartoon Charts Excel Add-In (𝗖𝘂𝘁𝗲𝗣𝗹𝗼𝘁𝘀): pythonandvba.com/cuteplots
🤪 Fun Emoji Excel Add-In (𝗘𝗺𝗼𝗷𝗶𝗳𝘆): pythonandvba.com/emojify
📑 Excel Templates: pythonandvba.com/go/excel-tem...
🎓 My Courses: pythonandvba.com/go/courses
📚 Books, Tools, and More: pythonandvba.com/resources
𝗖𝗢𝗡𝗡𝗘𝗖𝗧 𝗪𝗜𝗧𝗛 𝗠𝗘
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🔗 LinkedIn: / sven-bosau
📸 Instagram: / codingisfun_official
💻 GitHub: github.com/Sven-Bo
💬 Discord: pythonandvba.com/discord
📬 Contact: pythonandvba.com/contact
☕ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲?
If you want to support this channel, you can buy me a coffee here:
▶ pythonandvba.com/coffee-donation

Пікірлер: 69

  • @CodingIsFun
    @CodingIsFun13 күн бұрын

    *Here's the link to the final website:* multipage-webapp.streamlit.app/ I hope you enjoyed the video and the project. All the links mentioned in the video can be found in the description box. Cheers, Sven ✌

  • @Harazi868

    @Harazi868

    13 күн бұрын

    How to upload on internet please

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    @@Harazi868 Have you watched the video? 😅

  • @williamsagbanagba-p7p
    @williamsagbanagba-p7pКүн бұрын

    Best python-streamlit coders

  • @py_skii
    @py_skii7 күн бұрын

    I have learn streamlit from your video...its is really helpful...Jai hind... respect from India 🤍

  • @CodingIsFun

    @CodingIsFun

    7 күн бұрын

    Glad to hear that! Thanks for watching and taking the time to leave a comment. Love to India ❤️ Cheers, Sven ✌️

  • @ici6308
    @ici630813 күн бұрын

    I even didin't look at all the video yet, but i give you already a five star *****. You are a great guy.

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Thanks for the support! I appreciate it! Cheers, Sven ✌️

  • @sanrui
    @sanrui34 минут бұрын

    great tutorial is easy to understand for me even just beginer in python like, thanks for the video

  • @sitrakaforler8696
    @sitrakaforler869613 күн бұрын

    The best streamlit youtuber !!!!! BRAVO

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Thanks, mate! Appreciate it! -Sven

  • @Namratabenke
    @Namratabenke9 күн бұрын

    Thankyou so much , it's really useful🙂🙏 love from India..😊

  • @CodingIsFun

    @CodingIsFun

    8 күн бұрын

    Glad you liked it. Love to India. Cheers, Sven ✌️

  • @hrmanager6883
    @hrmanager688313 күн бұрын

    Great addition Sven , helping others to grow by learning these skills, great contribution , have great success ahead

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Appreciate your kind words. Cheers for the support! -Sven ✌️

  • @z.r.777
    @z.r.77713 күн бұрын

    Thank you. So timely.

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Glad it was helpful! Cheers, Sven ✌️

  • @mdld1293
    @mdld129313 күн бұрын

    I just finished a web app today and was looking for a video on how to upload it. Thanks! Your channel is one of the best for Python!

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    I'm glad to hear it was helpful. Just curious, what kind of app did you create? Cheers, Sven ✌️

  • @mdld1293

    @mdld1293

    12 күн бұрын

    @@CodingIsFun We often have to figure out the volumes for stock solution dilutions in our lab. The math is really easy but gets really tedious when you have a bunch of solutions to mix. So, I made an app that automates all that. Just enter the data for your solutions, and it spits out a SOP in PDF format. I think our techs and students are going to love how much easier it makes things!

  • @CodingIsFun

    @CodingIsFun

    12 күн бұрын

    @@mdld1293 Thanks for sharing. Sounds like an interesting project 👍

  • @patriciohernandezballester2485
    @patriciohernandezballester248513 күн бұрын

    "Hi Sven! 😃 I just watched your new tutorial and, as always, it's incredibly useful and well explained. Thank you for sharing your knowledge with us! 🌟👍"

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Hi Patricio, thanks for tuning in again and taking the time to leave a comment. I'm glad to hear you liked this video too. Cheers, Sven ✌️

  • @hrmanager6883
    @hrmanager688313 күн бұрын

    Great job again, best wishes and have great success ahead

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Again, appreciate the support and well wishes. All the best to you as well! -Sven 😊

  • @_NickTech
    @_NickTech13 күн бұрын

    Hi! Thank you for such high-quality content! 😍 Regarding checking an email for correctness, using regular expressions is a flawed approach because: 1. There are numerous formats all over the world 2. The address might not exist 3. There may be a typo The best way is to send a verification link to the email. I understand that it's off-topic, but worth mentioning, I guess. BTW, the Win + Dot command to see emojis is handy, thanks! 😊

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Thank you for watching, and I'm glad you liked it! Regarding the email: That's an absolutely valid point. Initially, I considered integrating an email validation API as well, but I wanted to keep the video concise. However, if you're interested in the code, you can check out this form I created for another app: github.com/Sven-Bo/streamlit_contest/blob/main/streamlit_app.py#L17 Basically, I first validate the email and using a dedicated API also has the advantage of filtering out temporary email addresses. Cheers, Sven ✌️

  • @_NickTech

    @_NickTech

    13 күн бұрын

    @@CodingIsFun Wow, that's cool! thank you!!

  • @funese102
    @funese10213 күн бұрын

    Bro is cooking the best streamlit tutorial again 🎉🎉🎉

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Cheers mate✌️

  • @funese102

    @funese102

    13 күн бұрын

    @@CodingIsFun By the way Sven, please make more contents relating to Machine Learning & Taipy 😁. All the best to you!

  • @loginet1
    @loginet110 күн бұрын

    Very nice!

  • @CodingIsFun

    @CodingIsFun

    10 күн бұрын

    Thank you! Cheers, Sven ✌️

  • @darrenlefcoe
    @darrenlefcoe8 күн бұрын

    great video. well done.

  • @CodingIsFun

    @CodingIsFun

    8 күн бұрын

    Glad you liked it. Thanks for watching and taking the time to leave a comment! -Sven ✌️

  • @cookiee_86
    @cookiee_8613 күн бұрын

    Thank you Sven for another amazing tutorial💫! looking handsome as usual 😉

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Aw, you're making me blush. Thanks for watching and for your comment. Cheers, Sven ✌️

  • @mansoormoideen6733
    @mansoormoideen67339 күн бұрын

    Hi Sven, I'm learning from you. You made it so easy. Thanks a lot. Can you make a video regarding how to use pabbly.

  • @CodingIsFun

    @CodingIsFun

    8 күн бұрын

    Happy to hear that you like my teaching style. Your request on the Pabbly Connect video is well noted. Cheers, Sven ✌️

  • @abdielgoni5690
    @abdielgoni569013 күн бұрын

    Realy cool 🙌

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Thanks!

  • @umeshsuwal85
    @umeshsuwal855 күн бұрын

    Great Video

  • @CodingIsFun

    @CodingIsFun

    5 күн бұрын

    Thank you! -Sven ✌️

  • @sundayabiodun8819
    @sundayabiodun8819Күн бұрын

    How did you use an icon as a call action button? I mean the contact me button you used that opened the contact form

  • @11Argy
    @11Argy12 күн бұрын

    Thanks sir ✌️😉

  • @CodingIsFun

    @CodingIsFun

    12 күн бұрын

    My pleasure! Appreciate you taking the time to watch and leave a comment. -Sven ✌️

  • @charleshopper4638
    @charleshopper463813 күн бұрын

    Is streamlit responsive and how do you handle mobile apps with it? Excellent tutorial. Looking forward to many more.

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Yes, Streamlit is mobile responsive. You can check out the live website on your mobile phone. Cheers, Sven ✌️

  • @chandrasekars8904
    @chandrasekars890412 күн бұрын

    This is really an excellent channel on Python like "techie talkee"

  • @CodingIsFun

    @CodingIsFun

    12 күн бұрын

    Thank you! -Sven ✌️

  • @imbhasz94
    @imbhasz9411 күн бұрын

    Hi! I really loved your video and tutorial of streamlit you made. Can you give full tutorial of simple website which can crud and have login page for my projects? Thanksss

  • @CodingIsFun

    @CodingIsFun

    11 күн бұрын

    Thanks for watching and your video suggestion! Cheers, Sven ✌️

  • @Bedwarsblockmango0
    @Bedwarsblockmango013 күн бұрын

    Way of your explaining everyone can understand easily, My request: Can you create tutorials based on user login,user can access web pages (based on permission)

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Thank you for watching. I'm glad to hear you like my explanation style. Regarding your request: I'm still waiting for native authentication support from Streamlit. Currently, there are some workarounds and third-party packages available, but I prefer to wait for official Streamlit support for authentication. Cheers, Sven ✌️

  • @Bedwarsblockmango0

    @Bedwarsblockmango0

    12 күн бұрын

    @@CodingIsFun Thanks for reply,

  • @r.e.434
    @r.e.43412 күн бұрын

    can this be deployed also to a vps like digitalocean?

  • @CodingIsFun

    @CodingIsFun

    12 күн бұрын

    Yes, that should be possible. Here's one example: www.bitdoze.com/streamlit-deploy-vps-cloudflare/ Happy Deployment! -Sven

  • @neetiwason2065
    @neetiwason20652 күн бұрын

    Can we build a sidebar like the one on the Streamlit documentation webpage (docs.streamlit.io/)? For instance, imagine having sections like "About Me" or "Section 1" with clickable subsections. Clicking on any section or subsection should take me to the corresponding page. How can we achieve this?

  • @CodingIsFun

    @CodingIsFun

    2 күн бұрын

    Thanks for watching. Currently, that does not seem to be supported natively in Streamlit. Cheers, Sven ✌️

  • @kuvikina
    @kuvikina11 күн бұрын

    Can you do this with shiny for python

  • @CodingIsFun

    @CodingIsFun

    11 күн бұрын

    Thanks for watching. In Shiny for Python you could also include a navigation panel: shiny.posit.co/py/templates/basic-navigation/ Happy Coding! Cheers, Sven ✌️

  • @Tech-speaker
    @Tech-speaker13 күн бұрын

    Can I add a custom domain to my streamlit webapp?

  • @CodingIsFun

    @CodingIsFun

    13 күн бұрын

    Thank you for watching. In Streamlit Cloud, you can specify a custom subdomain but not change the top-level domain. If you deploy your app on Heroku or Render, you can set up a custom domain. Here are the tutorials for deployment: ▶ Heroku (no free plan): kzread.info/dash/bejne/oH581LWvidvgmqg.htmlsi=5N5QWkUwftgFSsUM ▶ Render (free plan available): kzread.info/dash/bejne/ZoeDlaWOh7O_lpM.htmlsi=HFFruTkzTevHHBsO And here are the instructions for setting up a custom domain: ▶ Heroku: kzread.info/dash/bejne/jIRrqdKxfc_ef6w.htmlsi=fNWEbw3xc7xtvtm3 ▶ Render: docs.render.com/custom-domains I hope this helps! Cheers, Sven ✌️

  • @Tech-speaker

    @Tech-speaker

    13 күн бұрын

    @@CodingIsFun Thanks a lot, Sven. Appreciate your work. Keep going. Hope to see more useful streamlit webapp and data viz videos from you.

  • @amusaber6648
    @amusaber66489 күн бұрын

    Thanks Very Useful. 👏 I have an unrelated question, but I guess you know the Answer, How to build Executable (.exe) file from Python for all Versions of Windows (Seven,8,10,11) i used PyInstaller in windows 10 ,but the Executable file compiled by PyInstaller does not work on Windows 7 I apologize for the unrelated topic .

  • @CodingIsFun

    @CodingIsFun

    9 күн бұрын

    Thanks for watching. I have never tried to run compiled Python scripts on older Windows versions. Hence, I cannot help you here. You might need to do some Google searching. Happy debugging! Cheers, Sven ✌️

  • @gagansingh3481
    @gagansingh34812 күн бұрын

    How do i build a web site like you sir ... Any udemy course you can recommend I am a non coder

  • @CodingIsFun

    @CodingIsFun

    2 күн бұрын

    Thanks for watching. You might want to check out my Streamlit Playlist here: kzread.info/head/PL7QI8ORyVSCaejt2LICRQtOTwmPiwKO2n Also, for learning Python, you can check out my favorite resources here: pythonandvba.com/resources I hope it helps! Happy learning & coding! Cheers, Sven ✌️

  • @gagansingh3481

    @gagansingh3481

    2 күн бұрын

    ​@@CodingIsFun -Thank you sir