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

Building the menu and adding decorations

NLP Web App might be a good title for our application, but to be honest, it’s just some black text on a white background, so it’s not very appealing at the moment.

One of the greatest features of Streamlit is that we can use HTML very easily. So, let’s add some simple HTML code to our main function just to make everything much more stylish! We can change the old st.title("NLP Web App") first line of code that sits after the main function declaration with the following one:

Figure 4.16: Adding some HTML to our title

Figure 4.16: Adding some HTML to our title

In title_template, we are specifying the background color (blue), the padding size, and the text style (h1) and its color (cyan). With the st.markdown instruction, as we learned previously, we are just visualizing the HTML; you can play around and customize it as you want by changing the background and text color, padding, text, and more. This is the result:

...