🌶️🐍 Session 20: Flask Web App

📸 Lesson Snapshot

Build your first Python web API using Flask - the tiny but mighty web framework! (Ages 8-18)

Session Date: Saturday, May 2, 2026 at 11:00 AM EST

🎯 Age-Tiered Learning Goals

	🧒 Grades 3-5	🧑 Grades 6-8	🎓 Grades 9-12
🐍 Python	Understand Python basics	Write functions and use dictionaries	Use classes and list comprehensions
🌶️ Flask	Run a Flask app, visit routes	Create routes with parameters	Build JSON APIs with validation
🔄 Compare	See C# vs Python side-by-side	Explain key differences	Analyze trade-offs of each
🏁 By End	Run Flask app and see output	Create 3+ API endpoints	Build complete CRUD API

🎨 Before You Code: Hands-On Activities (15 minutes)

🎮 Activity 1: The Restaurant Game (Whole Class)

🎬 Setup: Students act out a restaurant experience

    🍽️ THE RESTAURANT IS LIKE A WEB SERVER! 🌐

    ┌─────────────────────────────────────────────────────────┐
    │                                                         │
    │   👤 CUSTOMER          🧑‍🍳 CHEF           📋 MENU        │
    │   (Browser)           (Flask)          (Routes)        │
    │                                                         │
    │   "I'd like the      "Coming right    /pizza 🍕        │
    │    pizza please!"     up!"             /burger 🍔       │
    │                                        /salad 🥗        │
    │         │                  │                            │
    │         ▼                  ▼                            │
    │   ┌─────────┐        ┌─────────┐                       │
    │   │ REQUEST │───────▶│ PROCESS │                       │
    │   │  /pizza │        │  make   │                       │
    │   └─────────┘        │  pizza  │                       │
    │                      └────┬────┘                       │
    │         ┌─────────┐       │                            │
    │         │RESPONSE │◀──────┘                            │
    │         │  🍕     │                                    │
    │         └─────────┘                                    │
    │                                                         │
    └─────────────────────────────────────────────────────────┘

💬 Discussion:

"When you go to a restaurant, you ask for something from the menu (REQUEST), the chef makes it (PROCESS), and brings it back (RESPONSE). Web servers work the same way!"

🐍 Activity 2: Python vs C# - Spot the Difference! (Groups)

🔍 Look at these two code snippets - what's different?

    ┌─────────────────────────────────────────────────────────┐
    │  C# (ASP.NET Core) 🔷                                   │
    │                                                         │
    │  [HttpGet]                                              │
    │  public ActionResult<List<Book>> GetAllBooks()          │
    │  {                                                      │
    │      return Ok(_books);                                 │
    │  }                                                      │
    └─────────────────────────────────────────────────────────┘

    ┌─────────────────────────────────────────────────────────┐
    │  Python (Flask) 🐍                                      │
    │                                                         │
    │  @app.route('/books')                                   │
    │  def get_all_books():                                   │
    │      return jsonify(books)                              │
    │                                                         │
    └─────────────────────────────────────────────────────────┘

🎯 Differences to spot:

🔷 C# uses {} braces, 🐍 Python uses indentation
🔷 C# has type declarations, 🐍 Python doesn't
🔷 C# uses [HttpGet], 🐍 Python uses @app.route()
🐍 Python is often shorter and simpler!

🌶️ Activity 3: Flask Logo Hunt (Fun Fact!)

    WHY IS IT CALLED FLASK? 🧪

    ┌─────────────────────────────────────────────────────────┐
    │                                                         │
    │         🧪                                              │
    │        /  \      Flask is named after a                 │
    │       /    \     LABORATORY FLASK!                      │
    │      /      \                                           │
    │     |        |   It's a "micro" framework -             │
    │     |        |   small and simple, like a               │
    │     |________|   tiny flask in a science lab.           │
    │                                                         │
    │   The pepper emoji 🌶️ is because "Flask"               │
    │   sounds like "Flasche" (bottle) in German!             │
    │                                                         │
    └─────────────────────────────────────────────────────────┘

📊 Visual: Flask Request/Response Cycle

    HOW FLASK HANDLES A REQUEST 🔄

    ┌──────────────────────────────────────────────────────────────────┐
    │                                                                  │
    │   1️⃣ BROWSER                    2️⃣ FLASK APP                    │
    │   ┌─────────────┐               ┌─────────────────────────────┐ │
    │   │             │   HTTP GET    │                             │ │
    │   │  Chrome 🌐  │──────────────▶│  @app.route('/books')       │ │
    │   │             │  /api/books   │  def get_all_books():       │ │
    │   │             │               │      return jsonify(books)  │ │
    │   └─────────────┘               └──────────────┬──────────────┘ │
    │         ▲                                      │                │
    │         │                                      ▼                │
    │         │                       3️⃣ PYTHON RUNS THE FUNCTION    │
    │         │                       ┌─────────────────────────────┐ │
    │         │       HTTP 200 OK     │  books = [                  │ │
    │         │◀──────────────────────│    {"title": "Harry Potter"}│ │
    │         │       + JSON data     │  ]                          │ │
    │         │                       └─────────────────────────────┘ │
    │                                                                  │
    │   4️⃣ BROWSER DISPLAYS THE DATA                                  │
    │   ┌─────────────────────────────────────────────────────────┐   │
    │   │  [{"id": 1, "title": "Harry Potter", "author": "J.K...  │   │
    │   └─────────────────────────────────────────────────────────┘   │
    │                                                                  │
    └──────────────────────────────────────────────────────────────────┘

🔄 ASP.NET Core vs Flask Comparison

    SIDE-BY-SIDE COMPARISON 🔷 vs 🐍

    ┌─────────────────────────────┬─────────────────────────────┐
    │  ASP.NET Core (C#) 🔷       │  Flask (Python) 🐍          │
    ├─────────────────────────────┼─────────────────────────────┤
    │                             │                             │
    │  Statically typed           │  Dynamically typed          │
    │  (must declare types)       │  (types are automatic)      │
    │                             │                             │
    │  string name = "Sam";       │  name = "Sam"               │
    │                             │                             │
    ├─────────────────────────────┼─────────────────────────────┤
    │                             │                             │
    │  Uses Controllers           │  Uses route decorators      │
    │                             │                             │
    │  [HttpGet]                  │  @app.route('/books')       │
    │  public ActionResult Get()  │  def get_books():           │
    │  { return Ok(data); }       │      return jsonify(data)   │
    │                             │                             │
    ├─────────────────────────────┼─────────────────────────────┤
    │                             │                             │
    │  Curly braces { }           │  Indentation (spaces)       │
    │  Semicolons ;               │  No semicolons!             │
    │                             │                             │
    ├─────────────────────────────┼─────────────────────────────┤
    │                             │                             │
    │  dotnet run                 │  flask run                  │
    │  or python -m flask run    or  python app.py              │
    │                             │                             │
    └─────────────────────────────┴─────────────────────────────┘

    BOTH CAN:
    ✅ Create REST APIs
    ✅ Handle GET, POST, PUT, DELETE
    ✅ Return JSON
    ✅ Render HTML templates
    ✅ Connect to databases

📁 Folder & File Map

Session20/
├── README.md           ← 📖 You are here!
├── app.py              ← 🐍 Our Flask application
├── requirements.txt    ← 📦 Python packages we need
├── .gitignore          ← 🙈 Files Git should ignore
└── templates/
    └── index.html      ← 🎨 HTML template for the homepage

✅ Prerequisites

✅ Completed Session 19 (Python Basics)
✅ Python 3.8+ installed
✅ VS Code or PyCharm installed
✅ Understanding of HTTP from Sessions 11-13

🛠️ Step-by-Step Build Guide

1️⃣ Set Up Your Project

📂 Create a new folder and open it:

# Create folder
mkdir flask-library
cd flask-library

# Create a virtual environment (keeps packages organized)
python -m venv venv

# Activate it!
# On Mac/Linux:
source venv/bin/activate

# On Windows:
venv\Scripts\activate

# You'll see (venv) in your terminal - that means it's working! ✅

🎨 What's a virtual environment?

    VIRTUAL ENVIRONMENT = YOUR OWN PYTHON SANDBOX 🏖️

    ┌─────────────────────────────────────────────────────────┐
    │                                                         │
    │   Without venv:           With venv:                    │
    │                                                         │
    │   🌍 System Python        📦 Project Python             │
    │   All packages mixed      Only YOUR packages            │
    │   Might break things!     Safe and organized!           │
    │                                                         │
    │   Think of it like having your own locker at school -   │
    │   your stuff stays separate from everyone else's! 🎒    │
    │                                                         │
    └─────────────────────────────────────────────────────────┘

2️⃣ Install Flask

📦 Install Flask using pip:

pip install flask

📝 Create requirements.txt:

Flask==3.0.0

💡 Why requirements.txt?

It's like a shopping list for your project! Anyone can run pip install -r requirements.txt to get all the same packages you're using.

3️⃣ Create Your First Flask App

📄 Create file: app.py

# ====================================
# 🌶️ Flask Library API
# Our first Python web application!
# ====================================

from flask import Flask, jsonify, request, render_template

# Create our Flask app 🎉
app = Flask(__name__)

# ====================================
# 📚 Our Book Data (in-memory storage)
# Just like our C# List<Book>!
# ====================================
books = [
    {"id": 1, "title": "Harry Potter", "author": "J.K. Rowling", "pages": 309, "available": True},
    {"id": 2, "title": "The Hobbit", "author": "J.R.R. Tolkien", "pages": 310, "available": True},
    {"id": 3, "title": "Diary of a Wimpy Kid", "author": "Jeff Kinney", "pages": 217, "available": False}
]

# ====================================
# 🏠 HOME ROUTE - Returns HTML page
# ====================================
@app.route('/')
def home():
    """
    This is like our home page!
    render_template loads the HTML file from /templates folder
    """
    return render_template('index.html', book_count=len(books))

# ====================================
# 📚 GET ALL BOOKS
# Same as our C# GetAllBooks()!
# ====================================
@app.route('/api/books', methods=['GET'])
def get_all_books():
    """
    Returns all books as JSON

    C# equivalent:
    [HttpGet]
    public ActionResult<List<Book>> GetAllBooks()
    {
        return Ok(_books);
    }
    """
    return jsonify(books)

# ====================================
# 📖 GET ONE BOOK BY ID
# Same as our C# GetBook(int id)!
# ====================================
@app.route('/api/books/<int:book_id>', methods=['GET'])
def get_book(book_id):
    """
    Returns a single book by ID
    <int:book_id> is like {id} in C# routes

    C# equivalent:
    [HttpGet("{id}")]
    public ActionResult<Book> GetBook(int id)
    """
    # Find the book with matching ID
    book = next((b for b in books if b['id'] == book_id), None)

    if book is None:
        return jsonify({"error": f"Book with ID {book_id} not found"}), 404

    return jsonify(book)

# ====================================
# ➕ CREATE A NEW BOOK
# Same as our C# CreateBook()!
# ====================================
@app.route('/api/books', methods=['POST'])
def create_book():
    """
    Creates a new book from JSON data

    C# equivalent:
    [HttpPost]
    public ActionResult<Book> CreateBook(Book newBook)
    """
    # Get JSON data from request
    data = request.get_json()

    # Validate required fields
    if not data or 'title' not in data or 'author' not in data:
        return jsonify({"error": "Title and author are required!"}), 400

    # Create new book with auto-generated ID
    new_book = {
        "id": max(b['id'] for b in books) + 1 if books else 1,
        "title": data['title'],
        "author": data['author'],
        "pages": data.get('pages', 0),  # Default to 0 if not provided
        "available": True
    }

    books.append(new_book)

    # Return 201 Created with the new book
    return jsonify(new_book), 201

# ====================================
# 📤 CHECKOUT A BOOK
# ====================================
@app.route('/api/books/<int:book_id>/checkout', methods=['POST'])
def checkout_book(book_id):
    """Checkout a book - mark it as unavailable"""
    book = next((b for b in books if b['id'] == book_id), None)

    if book is None:
        return jsonify({"error": f"Book with ID {book_id} not found"}), 404

    if not book['available']:
        return jsonify({"error": f"'{book['title']}' is already checked out!"}), 400

    book['available'] = False
    return jsonify({"message": f"Successfully checked out '{book['title']}'! 📚"})

# ====================================
# 📥 RETURN A BOOK
# ====================================
@app.route('/api/books/<int:book_id>/return', methods=['POST'])
def return_book(book_id):
    """Return a book - mark it as available"""
    book = next((b for b in books if b['id'] == book_id), None)

    if book is None:
        return jsonify({"error": f"Book with ID {book_id} not found"}), 404

    if book['available']:
        return jsonify({"error": f"'{book['title']}' wasn't checked out!"}), 400

    book['available'] = True
    return jsonify({"message": f"Thank you for returning '{book['title']}'! 📖"})

# ====================================
# 🚀 RUN THE APP
# ====================================
if __name__ == '__main__':
    # debug=True means it auto-reloads when you save! 🔄
    print("🌶️ Starting Flask Library API...")
    print("📚 Visit http://localhost:5000 in your browser!")
    app.run(debug=True, port=5000)

4️⃣ Create the HTML Template

📂 Create folder: templates/

📄 Create file: templates/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>🌶️ Flask Library API</title>
    <style>
        /* Fun, kid-friendly styling! */
        body {
            font-family: 'Comic Sans MS', 'Segoe UI', sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            color: white;
        }
        .container {
            background: rgba(255, 255, 255, 0.95);
            border-radius: 20px;
            padding: 30px;
            color: #333;
            box-shadow: 0 10px 40px rgba(0,0,0,0.3);
        }
        h1 {
            color: #667eea;
            text-align: center;
        }
        .emoji-big {
            font-size: 4rem;
            text-align: center;
            display: block;
        }
        .endpoint {
            background: #f8f9fa;
            border-left: 4px solid #667eea;
            padding: 15px;
            margin: 10px 0;
            border-radius: 0 10px 10px 0;
        }
        .method {
            display: inline-block;
            padding: 3px 10px;
            border-radius: 5px;
            font-weight: bold;
            margin-right: 10px;
        }
        .get { background: #28a745; color: white; }
        .post { background: #ffc107; color: black; }
        code {
            background: #e9ecef;
            padding: 2px 6px;
            border-radius: 4px;
            font-family: monospace;
        }
        .book-count {
            font-size: 2rem;
            text-align: center;
            color: #667eea;
        }
    </style>
</head>
<body>
    <div class="container">
        <span class="emoji-big">🌶️📚🐍</span>
        <h1>Flask Library API</h1>

        <p class="book-count">📚 {{ book_count }} books in the library!</p>

        <h2>🎯 API Endpoints</h2>

        <div class="endpoint">
            <span class="method get">GET</span>
            <code>/api/books</code>
            <p>Get all books in the library</p>
        </div>

        <div class="endpoint">
            <span class="method get">GET</span>
            <code>/api/books/&lt;id&gt;</code>
            <p>Get a specific book by ID</p>
        </div>

        <div class="endpoint">
            <span class="method post">POST</span>
            <code>/api/books</code>
            <p>Add a new book (send JSON with title, author, pages)</p>
        </div>

        <div class="endpoint">
            <span class="method post">POST</span>
            <code>/api/books/&lt;id&gt;/checkout</code>
            <p>Check out a book</p>
        </div>

        <div class="endpoint">
            <span class="method post">POST</span>
            <code>/api/books/&lt;id&gt;/return</code>
            <p>Return a book</p>
        </div>

        <h2>🧪 Try It!</h2>
        <p>Open your browser to: <code>http://localhost:5000/api/books</code></p>
        <p>Or use Postman/curl to test the POST endpoints!</p>

        <hr>
        <p style="text-align: center; color: #666;">
            Built with ❤️ at CoderDojo | Session 20
        </p>
    </div>
</body>
</html>

5️⃣ Run Your Flask App!

# Make sure you're in your project folder with venv activated
python app.py

🎉 You should see:

    ┌─────────────────────────────────────────────────────────┐
    │  🌶️ Starting Flask Library API...                       │
    │  📚 Visit http://localhost:5000 in your browser!        │
    │   * Running on http://127.0.0.1:5000                    │
    │   * Debug mode: on                                      │
    └─────────────────────────────────────────────────────────┘

🌐 Open your browser and visit:

http://localhost:5000 - See the homepage!
http://localhost:5000/api/books - See all books as JSON!
http://localhost:5000/api/books/1 - See just Harry Potter!

6️⃣ Test with Postman or curl

🧪 Test GET all books:

curl http://localhost:5000/api/books

🧪 Test POST new book:

curl -X POST http://localhost:5000/api/books \
  -H "Content-Type: application/json" \
  -d '{"title": "Percy Jackson", "author": "Rick Riordan", "pages": 375}'

🧪 Test checkout:

curl -X POST http://localhost:5000/api/books/1/checkout

📊 Visual: Code Comparison

    GETTING A BOOK BY ID - C# vs Python 🔷🐍

    ┌─────────────────────────────────────────────────────────┐
    │  C# (ASP.NET Core) - 12 lines 🔷                        │
    │                                                         │
    │  [HttpGet("{id}")]                                      │
    │  public ActionResult<Book> GetBook(int id)              │
    │  {                                                      │
    │      var book = _books.FirstOrDefault(b => b.Id == id); │
    │                                                         │
    │      if (book == null)                                  │
    │      {                                                  │
    │          return NotFound($"Book {id} not found");       │
    │      }                                                  │
    │                                                         │
    │      return Ok(book);                                   │
    │  }                                                      │
    └─────────────────────────────────────────────────────────┘

    ┌─────────────────────────────────────────────────────────┐
    │  Python (Flask) - 8 lines 🐍                            │
    │                                                         │
    │  @app.route('/api/books/<int:book_id>')                 │
    │  def get_book(book_id):                                 │
    │      book = next((b for b in books                      │
    │                   if b['id'] == book_id), None)         │
    │                                                         │
    │      if book is None:                                   │
    │          return jsonify({"error": "Not found"}), 404    │
    │                                                         │
    │      return jsonify(book)                               │
    └─────────────────────────────────────────────────────────┘

    Both do the SAME thing! Python is just more concise. 📝

💬 Group Reflection (5 minutes)

🔄 Circle Share - Answer one:

"One thing I like about Flask compared to ASP.NET Core is..."
"Python feels different from C# because..."
"The hardest part about learning a new framework is..."
"I want to build ___ with Flask..."

✅ Run & Test Checklist

🌶️ Flask app starts without errors
🏠 Homepage loads at localhost:5000
📚 GET /api/books returns all books
📖 GET /api/books/1 returns Harry Potter
❌ GET /api/books/999 returns 404 error
➕ POST /api/books creates a new book
📤 Checkout endpoint works
📥 Return endpoint works
🎨 Template displays book count correctly

🚀 Bonus Challenges

⭐ Challenge 1: Add a Search Route (Grades 3-5)

Add a route that searches for books by title:

@app.route('/api/books/search/<title>')
def search_books(title):
    # Find books where title contains the search term
    pass

⭐⭐ Challenge 2: Add PUT and DELETE (Grades 6-8)

Add routes to update and delete books:

PUT /api/books/<id> - Update a book
DELETE /api/books/<id> - Delete a book

⭐⭐⭐ Challenge 3: Connect to Frontend (Grades 9-12)

Use your JavaScript knowledge from Sessions 16-18 to create a frontend that calls your Flask API!

⭐⭐⭐ Challenge 4: Add a Database (Grades 9-12)

Replace the in-memory list with SQLite:

from flask_sqlalchemy import SQLAlchemy

📖 Vocabulary Wall

Term	📝 Kid-Friendly Definition	💻 Example
🌶️ Flask	A small Python web framework	`from flask import Flask`
🎯 Route	A URL path that triggers a function	`@app.route('/books')`
🏷️ Decorator	Special `@` symbol that adds features	`@app.route()`
📦 jsonify	Converts Python data to JSON	`return jsonify(books)`
📝 Template	HTML file that Flask can fill in	`render_template('index.html')`
🧪 Virtual Environment	Isolated Python package space	`python -m venv venv`

🏠 Take-Home Connection

👨‍👩‍👧 Talk to a family member:

"Today I learned Flask, a Python web framework! It's like ASP.NET Core that we learned in C#, but with Python. Python uses less code to do the same things - it's like texting in shorthand instead of writing full sentences!"

🌍 Real-world examples of Flask:

🎵 Netflix uses Flask for some services
📱 Uber started with Flask
🔗 LinkedIn uses Flask for some features
🤖 Many AI/ML projects use Flask for APIs

📝 Mini-Project Idea: Build a "Movie Rating" API with Flask:

Store movies with titles and ratings
Add routes to list, add, and rate movies
Create a simple frontend to display them

🎯 Key Takeaways

    WHAT WE LEARNED TODAY 🧠

    ┌─────────────────────────────────────────────────────────┐
    │                                                         │
    │  1. 🐍 Flask is Python's lightweight web framework      │
    │                                                         │
    │  2. 🎯 Routes map URLs to Python functions              │
    │                                                         │
    │  3. 📦 jsonify() converts Python dicts to JSON          │
    │                                                         │
    │  4. 🔄 Flask and ASP.NET Core do similar things         │
    │        but Flask uses less code                         │
    │                                                         │
    │  5. 🧪 Virtual environments keep packages organized     │
    │                                                         │
    │  6. 📝 Templates let us return HTML pages               │
    │                                                         │
    └─────────────────────────────────────────────────────────┘

🔮 What's Next?

    COMING UP IN SESSION 21: FINAL SHOWCASE! 🎭

    ┌─────────────────────────────────────────────────────────┐
    │                                                         │
    │  🎉 Present your complete project!                      │
    │                                                         │
    │  You've learned:                                        │
    │  ├── C# fundamentals (Sessions 1-4)                    │
    │  ├── Object-Oriented Programming (Sessions 5-10)       │
    │  ├── ASP.NET Core Web APIs (Sessions 11-15)            │
    │  ├── Frontend (HTML/CSS/JS) (Sessions 16-18)           │
    │  └── Python & Flask (Sessions 19-20)                   │
    │                                                         │
    │  Time to show off what you've built! 🚀                 │
    │                                                         │
    └─────────────────────────────────────────────────────────┘

You're almost at the finish line! Keep coding! 🎉🐍🌶️

Navigation Menu

Repository navigation

About

Repository files navigation

🌶️🐍 Session 20: Flask Web App

📸 Lesson Snapshot

🎯 Age-Tiered Learning Goals

🎨 Before You Code: Hands-On Activities (15 minutes)

🎮 Activity 1: The Restaurant Game (Whole Class)

🐍 Activity 2: Python vs C# - Spot the Difference! (Groups)

🌶️ Activity 3: Flask Logo Hunt (Fun Fact!)

📊 Visual: Flask Request/Response Cycle

🔄 ASP.NET Core vs Flask Comparison

📁 Folder & File Map

✅ Prerequisites

🛠️ Step-by-Step Build Guide

1️⃣ Set Up Your Project

2️⃣ Install Flask

3️⃣ Create Your First Flask App

4️⃣ Create the HTML Template

5️⃣ Run Your Flask App!

6️⃣ Test with Postman or curl

📊 Visual: Code Comparison

💬 Group Reflection (5 minutes)

✅ Run & Test Checklist

🚀 Bonus Challenges

⭐ Challenge 1: Add a Search Route (Grades 3-5)

⭐⭐ Challenge 2: Add PUT and DELETE (Grades 6-8)

⭐⭐⭐ Challenge 3: Connect to Frontend (Grades 9-12)

⭐⭐⭐ Challenge 4: Add a Database (Grades 9-12)

📖 Vocabulary Wall

🏠 Take-Home Connection

🎯 Key Takeaways

🔮 What's Next?

About

Releases

Packages

Contributors

Languages

Name		Name	Last commit message	Last commit date
templates		templates
.gitignore		.gitignore
README.md		README.md
app.py		app.py
requirements.txt		requirements.txt

Latest commit

History

Folders and files

Repository files navigation

🌶️🐍 Session 20: Flask Web App

📸 Lesson Snapshot

🎯 Age-Tiered Learning Goals

🎨 Before You Code: Hands-On Activities (15 minutes)

🎮 Activity 1: The Restaurant Game (Whole Class)

🐍 Activity 2: Python vs C# - Spot the Difference! (Groups)

🌶️ Activity 3: Flask Logo Hunt (Fun Fact!)

📊 Visual: Flask Request/Response Cycle

🔄 ASP.NET Core vs Flask Comparison

📁 Folder & File Map

✅ Prerequisites

🛠️ Step-by-Step Build Guide

1️⃣ Set Up Your Project

2️⃣ Install Flask

3️⃣ Create Your First Flask App

4️⃣ Create the HTML Template

5️⃣ Run Your Flask App!

6️⃣ Test with Postman or curl

📊 Visual: Code Comparison

💬 Group Reflection (5 minutes)

✅ Run & Test Checklist

🚀 Bonus Challenges

⭐ Challenge 1: Add a Search Route (Grades 3-5)

⭐⭐ Challenge 2: Add PUT and DELETE (Grades 6-8)

⭐⭐⭐ Challenge 3: Connect to Frontend (Grades 9-12)

⭐⭐⭐ Challenge 4: Add a Database (Grades 9-12)

📖 Vocabulary Wall

🏠 Take-Home Connection

🎯 Key Takeaways

🔮 What's Next?

About

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages