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

Поделиться
HTML-код
  • Опубликовано: 24 июл 2024
  • 👉 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

Комментарии • 75

  • @CodingIsFun
    @CodingIsFun  18 дней назад +2

    *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 18 дней назад

      How to upload on internet please

    • @CodingIsFun
      @CodingIsFun  17 дней назад

      @@Harazi868 Have you watched the video? 😅

  • @ici6308
    @ici6308 18 дней назад +1

    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  18 дней назад

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

  • @sitrakaforler8696
    @sitrakaforler8696 18 дней назад +1

    The best streamlit youtuber !!!!! BRAVO

    • @CodingIsFun
      @CodingIsFun  17 дней назад

      Thanks, mate! Appreciate it! -Sven

  • @hrmanager6883
    @hrmanager6883 17 дней назад

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

    • @CodingIsFun
      @CodingIsFun  17 дней назад

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

  • @mdld1293
    @mdld1293 18 дней назад

    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  17 дней назад

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

    • @mdld1293
      @mdld1293 17 дней назад

      @@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  17 дней назад +1

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

  • @patriciohernandezballester2485
    @patriciohernandezballester2485 18 дней назад

    "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  18 дней назад

      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 ✌️

  • @Namratabenke
    @Namratabenke 13 дней назад +1

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

    • @CodingIsFun
      @CodingIsFun  13 дней назад

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

  • @williamsagbanagba-p7p
    @williamsagbanagba-p7p 6 дней назад +1

    Best python-streamlit coders

  • @z.r.777
    @z.r.777 18 дней назад

    Thank you. So timely.

    • @CodingIsFun
      @CodingIsFun  18 дней назад

      Glad it was helpful! Cheers, Sven ✌️

  • @py_skii
    @py_skii 12 дней назад +1

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

    • @CodingIsFun
      @CodingIsFun  12 дней назад

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

  • @sanrui
    @sanrui 4 дня назад

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

    • @CodingIsFun
      @CodingIsFun  4 дня назад

      Thanks for the positive feedback! Appreciate you taking the time to leave a comment. Cheers, Sven ✌️

  • @_NickTech
    @_NickTech 18 дней назад

    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  18 дней назад +1

      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 18 дней назад

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

  • @funese102
    @funese102 18 дней назад

    Bro is cooking the best streamlit tutorial again 🎉🎉🎉

    • @CodingIsFun
      @CodingIsFun  18 дней назад +1

      Cheers mate✌️

    • @funese102
      @funese102 18 дней назад

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

  • @hrmanager6883
    @hrmanager6883 17 дней назад

    Great job again, best wishes and have great success ahead

    • @CodingIsFun
      @CodingIsFun  17 дней назад

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

  • @mansoormoideen6733
    @mansoormoideen6733 13 дней назад

    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  13 дней назад

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

  • @chandrasekars8904
    @chandrasekars8904 16 дней назад

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

  • @imbhasz94
    @imbhasz94 16 дней назад

    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  16 дней назад

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

  • @Bedwarsblockmango0
    @Bedwarsblockmango0 17 дней назад

    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  17 дней назад

      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 17 дней назад

      @@CodingIsFun Thanks for reply,

  • @umeshsuwal85
    @umeshsuwal85 9 дней назад +1

    Great Video

  • @cookiee_86
    @cookiee_86 18 дней назад

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

    • @CodingIsFun
      @CodingIsFun  18 дней назад +1

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

  • @darrenlefcoe
    @darrenlefcoe 13 дней назад

    great video. well done.

    • @CodingIsFun
      @CodingIsFun  13 дней назад

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

  • @charleshopper4638
    @charleshopper4638 18 дней назад

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

    • @CodingIsFun
      @CodingIsFun  18 дней назад

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

  • @loginet1
    @loginet1 14 дней назад

    Very nice!

    • @CodingIsFun
      @CodingIsFun  14 дней назад

      Thank you! Cheers, Sven ✌️

  • @11Argy
    @11Argy 17 дней назад

    Thanks sir ✌️😉

    • @CodingIsFun
      @CodingIsFun  16 дней назад

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

  • @neetiwason2065
    @neetiwason2065 7 дней назад

    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  6 дней назад +1

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

  • @sundayabiodun8819
    @sundayabiodun8819 6 дней назад

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

    • @CodingIsFun
      @CodingIsFun  4 дня назад

      As explained in the video 4:12 min. Cheers, Sven ✌️

  • @abdielgoni5690
    @abdielgoni5690 18 дней назад

    Realy cool 🙌

  • @r.e.434
    @r.e.434 17 дней назад

    can this be deployed also to a vps like digitalocean?

    • @CodingIsFun
      @CodingIsFun  17 дней назад +1

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

  • @amusaber6648
    @amusaber6648 14 дней назад

    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  14 дней назад

      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 ✌️

  • @Jriad
    @Jriad 2 дня назад

    i keep getting
    AttributeError: module 'streamlit' has no attribute 'Page'
    any idea why?

    • @CodingIsFun
      @CodingIsFun  2 дня назад +1

      Are you using the latest Streamlit version as explained in the video (1:27 min)?
      pip install streamlit --upgrade
      Cheers, Sven ✌️

    • @Jriad
      @Jriad 2 дня назад

      ​@@CodingIsFun it seems the problem with the installation
      i used another PC and it worked
      thanks and sorry for the disturbance

  • @kuvikina
    @kuvikina 16 дней назад

    Can you do this with shiny for python

    • @CodingIsFun
      @CodingIsFun  16 дней назад

      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-speaker 17 дней назад

    Can I add a custom domain to my streamlit webapp?

    • @CodingIsFun
      @CodingIsFun  17 дней назад

      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): ruclips.net/video/nJHrSvYxzjE/видео.htmlsi=5N5QWkUwftgFSsUM
      ▶ Render (free plan available): ruclips.net/video/4SO3CUWPYf0/видео.htmlsi=HFFruTkzTevHHBsO
      And here are the instructions for setting up a custom domain:
      ▶ Heroku: ruclips.net/video/ZP7GpxMlxOI/видео.htmlsi=fNWEbw3xc7xtvtm3
      ▶ Render: docs.render.com/custom-domains
      I hope this helps! Cheers, Sven ✌️

    • @Tech-speaker
      @Tech-speaker 17 дней назад

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

  • @gagansingh3481
    @gagansingh3481 7 дней назад

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

    • @CodingIsFun
      @CodingIsFun  6 дней назад

      Thanks for watching. You might want to check out my Streamlit Playlist here: ruclips.net/p/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 6 дней назад

      ​@@CodingIsFun -Thank you sir