Book Image

Web App Development Made Simple with Streamlit

By : Rosario Moscato
Book Image

Web App Development Made Simple with Streamlit

By: Rosario Moscato

Overview of this book

This book is a comprehensive guide to the Streamlit open-source Python library and simplifying the process of creating web applications. Through hands-on guidance and realistic examples, you’ll progress from crafting simple to sophisticated web applications from scratch. This book covers everything from understanding Streamlit's central principles, modules, basic features, and widgets to advanced skills such as dealing with databases, hashes, sessions, and multipages. Starting with fundamental concepts like operation systems virtualization, IDEs, development environments, widgets, scripting, and the anatomy of web apps, the initial chapters set the groundwork. You’ll then apply this knowledge to develop some real web apps, gradually advancing to more complex apps, incorporating features like natural language processing (NLP), computer vision, dashboards with interactive charts, file uploading, and much more. The book concludes by delving into the implementation of advanced skills and deployment techniques. By the end of this book, you’ll have transformed into a proficient developer, equipped with advanced skills for handling databases, implementing secure login processes, managing session states, creating multipage applications, and seamlessly deploying them on the cloud.
Table of Contents (23 chapters)
Free Chapter
1
Part 1: Getting Started with Streamlit
5
Part 2: Building a Basic Web App for Essential Streamlit Skills
10
Part 3: Developing Advanced Skills with a Covid-19 Detection Tool
15
Part 4: Advanced Techniques for Secure and Customizable Web Applications

Organizing and arranging content in a web app

In Chapter 4, we built the foundations of our first web application and wrote some Python code that, once executed, gives us the following result:

Figure 5.1: Chapter 5 starting point

Figure 5.1: Chapter 5 starting point

We completed the About section, made some decorations in terms of colors, and added an icon (the so-called favicon) and a title to the web browser page.

It’s time to complete the three remaining voices of the menu: Text Analysis, Translation, and Sentiment Analysis.

Adding decorations

Before completing the three voices of the menu, however, let’s add a nice decoration to the sidebar of our web app. So, once again, open the Sublime Text editor and restart coding.

We need to add an image to the sidebar immediately after the second HTML of the title on lines 35-36 of our code. This is an easy coding task, and it is shown in the following figure:

Figure 5.2: st.sidebar.image

Figure 5.2: st.sidebar.image

...