Build it yourself · Streamlit

Build a web app in pure Python.

You'll clone a small study-and-budget planner, run it on your own computer, change it, and put it online — all without writing a single line of HTML. Step by step, no experience needed.

Open the repo on GitHub ↗ ← Back to all tutorials
What you're building

A planner tool, in Python only

hibot-streamlit-tool is an interactive web app — sliders, inputs, and results that update live. The surprising part: it's written entirely in Python. Streamlit is a library that turns a plain Python script into a web page, building all the buttons and layout for you. No HTML, no CSS, no JavaScript.

It's the fastest way to put a useful tool in front of people when you only know Python. By the end you'll have it running, changed, and live on the web for free.

Streamlit Pure Python No HTML/CSS Open source
Before you start

Three things to have ready

  • Python 3.10 or newerGet it from python.org. To check what you have, open a terminal and type python --version.
  • A terminalThe text window where you type commands. It's called Terminal on Mac/Linux and PowerShell on Windows — both work.
  • A code editor (recommended: Cursor)Any editor opens the files. We like Cursor because its built-in AI can explain each line and help when you get stuck.
The easy-mode way to follow along

Let an AI editor sit beside you

Cursor is a code editor with an AI built in. Open the project in it and you can highlight any line and ask "what does this do?", or describe a change in plain English and watch it edit the file. New builders get 50% off their first month through our link.

Start with Cursor — 50% off →

ⓘ Affiliate disclosure

The walkthrough

From clone to live, one step at a time

  1. Get the code onto your computer

    In your terminal, "clone" the repo — that just means download a copy you can edit. Then step into the new folder.

    # copy the project to your computer git clone https://github.com/Cartooli/hibot-streamlit-tool.git cd hibot-streamlit-tool

    No Git installed? On the repo page, click the green Code button → Download ZIP, then unzip it.

  2. Install what it needs

    The app needs Streamlit and a couple of helpers. This one command installs them all.

    pip install -r requirements.txt

    If pip isn't found, try pip3 or python -m pip instead.

  3. Run it on your own machine

    Streamlit has its own run command. It will open the app in your browser automatically.

    streamlit run app.py

    If it doesn't open on its own, go to http://localhost:8501. Move the sliders and inputs — the results update instantly. That's your app.

  4. Look around the files

    Open the folder in your editor. There are only a few pieces:

    app.py — the screen: every widget (slider, input, button) and how the page is laid out.
    logic.py — the calculations, kept separate so they're easy to read and test.
    sanitize.py — cleans up user input so it's safe.
    tests/ — automatic checks that prove the logic still works.

  5. Make your first change

    Open app.py and find the page title. Streamlit widgets are just function calls — change the title text:

    # before st.title("Study & Budget Planner") # after st.title("Alex's Planner")

    Save the file. Streamlit notices and shows a Rerun button in the corner — click it (or just reload). Your change is live. Next, try adding a new st.slider(...) and see it appear.

  6. Save your work with Git

    Lock in your change. Make your own empty repo on GitHub first, then:

    git add . git commit -m "Make the planner mine" git remote set-url origin https://github.com/YOUR-USERNAME/YOUR-REPO.git git push -u origin main

    New to this? Our guide to pull requests walks through saving and publishing work on GitHub.

  7. Put it on the internet

    The free and easy path is Streamlit Community Cloud: sign in with GitHub, pick your repo and app.py, and click deploy. A minute later you'll have a public link anyone can use, and it updates every time you push.

When something breaks

Totally normal — here's the fix

Where to go next

Keep building

Try another starter, or dig into the tools.

Static Site →A web page with HTML, CSS & JS — no build step. FastAPI Starter →Your first backend server, in Python. Flask Guestbook →Your first database, with Flask + SQLite. Python CLI →A terminal app with zero dependencies. All EdTech Tutorials →Ten worked example apps to learn from. The AI Build Stack →The full toolkit, tool by tool.

You built a Python web app. What's next?

Open the live sample, see how it behaves, then keep going. New builders: let Cursor write the next version with you — 50% off your first month through our link.

Get Cursor — 50% off your first month → Open the repo ↗

ⓘ Affiliate disclosure

Disclosure: The Cursor links on this page are referral links — new users get 50% off their first month when they sign up through them, and code.hibot.space may earn a commission at no additional cost to you. This helps keep these guides free. Every other link on this page is a clean URL with no referral code.