🚀 Build a Full-Stack Python Web App (No JS Framework Needed)

#webdev #programming

Most developers assume you need React, Next.js, or Vue for modern web apps.

But what if you could build a full-stack app using just Python?

In this post, I’ll show you how to build a real web app using Reflex — a framework that lets you create frontend + backend entirely in Python.

🧠 What You’ll Build

We’ll create a simple Task Manager App with:

Add tasks
Delete tasks
Reactive UI (auto updates)
Clean component-based structure

⚙️ Setup

First, install Reflex:

pip install reflex

Create a new project:

reflex init task_app
cd task_app
reflex run

📁 Project Structure (Simplified)

task_app/
├── task_app/
│   ├── state.py
│   ├── pages/
│   │   └── index.py
│   └── components/

🧩 Step 1: Create State (Backend Logic)

import reflex as rx

class State(rx.State):
    tasks: list[str] = []

    def add_task(self, task: str):
        if task:
            self.tasks.append(task)

    def remove_task(self, task: str):
        self.tasks.remove(task)

👉 This is your backend + state management in one place.

🎨 Step 2: Build UI (Frontend in Python)

import reflex as rx
from task_app.state import State

def index():
    return rx.container(
        rx.heading("Task Manager", size="lg"),

        rx.input(
            placeholder="Enter a task...",
            on_blur=State.add_task
        ),

        rx.foreach(
            State.tasks,
            lambda task: rx.hstack(
                rx.text(task),
                rx.button(
                    "Delete",
                    on_click=lambda: State.remove_task(task)
                )
            )
        )
    )