Create a Web App in Minutes Using Streamlit

Create a Web App in Minutes Using Streamlit

Streamlit is an open-source Python framework that helps in web app development for Machine Learning and Data Science. Its unique approach allows developers to effortlessly create and deploy web applications without the complexity of traditional technologies like HTML, CSS, and JavaScript. Offering a low-code environment, Streamlit enables users to write applications in Python, eliminating the need for extensive front-end development skills.

The framework excels in providing an interactive coding loop, allowing developers to seamlessly transition between coding and viewing real-time results in their web apps. Beyond its user-friendly interface, Streamlit supports component-based functionality, enabling the development of data applications with minimal code.

Pre-requisites

  1. Install Python in your system.
  2. Use the following command to install Streamlit.
pip install streamlit
streamlit hello

This serves as the basic web application that you will be able to design by the end of the article, and you can have the privilege of calling yourself a Data Scientist.

0:00
/1:49

Experience and Salary Predictor Web App

Basics of Streamlit

First, create an app.py file that contains the code for your interactive website. Then, initiate the process by importing the Streamlit library at the top of your app.py file.

import streamlit as st

With Streamlit, you can easily put different things on your website using simple Python commands. For example, you can add titles, write text, include images, and more. Streamlit makes it simple to create a variety of content for your web application.

import streamlit as st

st.title('Let's create your first web app')
st.write('Welcome to my interactive website built using Streamlit and Python!')

Now, to see what your code does, run it using the following command in your terminal(VS Code):

streamlit run app.py

Once you run this code, a new window will pop up in your internet browser, displaying the content of your very first website. If you want to make changes, tweak the app and click "Always re-run" in the browser. This ensures that any modifications you make to the source code are instantly reflected on the website without extra effort.

Now, you are good to go to follow the video below and write the code to make your web app.

0:00
/3:25

Code for the Web App

Once you've created a Streamlit app, sharing it with the world is a breeze using Streamlit Community Cloud. Follow these three simple steps:

  1. Place your app in a public GitHub repository, ensuring it has a requirements.txt file.
  2. Sign in to share.streamlit.io.
  3. Click 'Deploy an app' and paste your GitHub URL.

With these straightforward steps, you can deploy, manage, and share your Streamlit app for free, showcasing your work to a broader audience.


Want to get in front of 50k+ AI Developers? Work with us here

About the author

AI Developer Tools Club

Explore the ultimate AI Developer Tools and Reviews platform, your one-stop destination for in-depth insights and evaluations of the latest AI tools and software.

AI Developer Tools Club

Great! You’ve successfully signed up.

Welcome back! You've successfully signed in.

You've successfully subscribed to AI Developer Tools Club.

Success! Check your email for magic link to sign-in.

Success! Your billing info has been updated.

Your billing was not updated.