Why patterns improve code quality in Flask - See It in Action

Why patterns improve code quality

📖 Scenario: You are building a simple Flask web app to show a list of books. You want to organize your code well so it is easy to read and change later.

🎯 Goal: Build a Flask app that uses a pattern to separate data setup, configuration, core logic, and final app run. This will show how patterns help keep code clean and maintainable.

📋 What You'll Learn

Create a list of books as initial data

Add a configuration variable for minimum rating

Use a function to filter books by rating

Complete the Flask app with a route to display filtered books

💡 Why This Matters

🌍 Real World

Organizing Flask apps with clear patterns helps teams build and maintain web apps efficiently.

💼 Career

Understanding code patterns is essential for writing clean, scalable backend code in professional web development.

1

DATA SETUP: Create the initial data list

Create a list called books with these exact dictionaries: {'title': 'Book A', 'rating': 4.5}, {'title': 'Book B', 'rating': 3.8}, and {'title': 'Book C', 'rating': 4.9}.

Flask

# Your code here

Hint

Think of books as a shelf holding your book info.

2

CONFIGURATION: Add a minimum rating variable

Create a variable called min_rating and set it to 4.0 to filter books by rating.

Flask

books = [
    {'title': 'Book A', 'rating': 4.5},
    {'title': 'Book B', 'rating': 3.8},
    {'title': 'Book C', 'rating': 4.9}
]
# Your code here

Hint

This sets the bar for which books to show.

3

CORE LOGIC: Filter books by minimum rating

Create a function called get_top_books() that returns a list of books from books where the rating is greater than or equal to min_rating.

Flask

books = [
    {'title': 'Book A', 'rating': 4.5},
    {'title': 'Book B', 'rating': 3.8},
    {'title': 'Book C', 'rating': 4.9}
]
min_rating = 4.0
# Your code here

Hint

Use a list comprehension inside the function to pick books with rating above the threshold.

4

COMPLETION: Build the Flask app route to show filtered books

Import Flask and render_template_string, create a Flask app called app, and add a route / that returns an HTML string listing the titles of books from get_top_books().

Flask

books = [
    {'title': 'Book A', 'rating': 4.5},
    {'title': 'Book B', 'rating': 3.8},
    {'title': 'Book C', 'rating': 4.9}
]
min_rating = 4.0

def get_top_books():
    return [book for book in books if book['rating'] >= min_rating]

# Your code here

Hint

This final step shows how patterns help organize your Flask app clearly.

Practice

1. Why do design patterns improve code quality in a Flask application?

easy

A. They organize code into clear parts, making it easier to read and maintain.

B. They make the app run faster by optimizing CPU usage.

C. They automatically fix bugs without developer input.

D. They reduce the need for testing the application.

Solution

1. Step 1: Understand the role of design patterns in Flask

   Design patterns help organize code logically into parts like routes, models, and views.

2. Step 2: Connect organization to code quality

   Organized code is easier to read, fix, and extend, which improves overall quality.

3. Final Answer:

   They organize code into clear parts, making it easier to read and maintain. -> Option A

4. Quick Check:

   Patterns improve readability and maintenance = D [OK]

Hint: Patterns organize code for clarity and ease [OK]

Common Mistakes:

• Thinking patterns speed up app execution
• Believing patterns fix bugs automatically
• Assuming patterns remove need for testing

2. Which of the following is the correct way to organize routes in a Flask app using patterns?

easy

A. Put all routes in one large function in app.py

B. Write routes inside HTML templates

C. Use Blueprints to group related routes together

D. Define routes only in the main script without any structure

Solution

1. Step 1: Identify Flask pattern for route organization

   Flask uses Blueprints to group related routes logically.

2. Step 2: Compare options to Flask best practices

   Using Blueprints improves code clarity and maintainability compared to putting all routes in one place or mixing routes with templates.

3. Final Answer:

   Use Blueprints to group related routes together -> Option C

4. Quick Check:

   Blueprints organize routes = C [OK]

Hint: Blueprints group routes logically in Flask [OK]

Common Mistakes:

• Putting all routes in one function
• Mixing routes with HTML templates
• Ignoring Blueprints for organization

3. Given this Flask code snippet using a pattern, what will be the output when accessing /hello route?

from flask import Flask, Blueprint

hello_bp = Blueprint('hello', __name__)

@hello_bp.route('/hello')
def hello():
    return 'Hello, World!'

app = Flask(__name__)
app.register_blueprint(hello_bp)

if __name__ == '__main__':
    app.run()

medium

A. 404 Not Found error

B. Hello, World!

C. 500 Internal Server Error

D. Blank page with no content

Solution

1. Step 1: Understand Blueprint registration

   The Blueprint 'hello_bp' defines route '/hello' and is registered to the app.

2. Step 2: Check route response

   Accessing '/hello' calls the hello() function returning 'Hello, World!'.

3. Final Answer:

   Hello, World! -> Option B

4. Quick Check:

   Registered Blueprint route returns expected string = A [OK]

Hint: Registered Blueprint routes respond correctly [OK]

Common Mistakes:

• Forgetting to register the Blueprint
• Expecting error without route defined
• Confusing route URL with function name

4. What is the main issue in this Flask code that breaks the pattern and causes an error?

from flask import Flask, Blueprint

bp = Blueprint('bp', __name__)

@bp.route('/test')
def test():
    return 'Test page'

app = Flask(__name__)

if __name__ == '__main__':
    app.run()

medium

A. Blueprint is not registered with the Flask app

B. Route decorator syntax is incorrect

C. Function test() is missing a return statement

D. Flask app is not created properly

Solution

1. Step 1: Check Blueprint usage

   The Blueprint 'bp' is defined with a route but never registered to the app.

2. Step 2: Understand effect of missing registration

   Without registering, Flask does not know about the Blueprint routes, causing 404 errors.

3. Final Answer:

   Blueprint is not registered with the Flask app -> Option A

4. Quick Check:

   Missing Blueprint registration causes route errors = B [OK]

Hint: Always register Blueprints with app [OK]

Common Mistakes:

• Assuming Blueprint auto-registers
• Misreading route decorator syntax
• Ignoring missing return statements

5. You want to improve your Flask app's code quality by applying patterns. Which approach best helps you keep your app easy to grow and fix as it gets bigger?

hard

A. Avoid using any patterns to keep code flexible

B. Put all routes, models, and logic in one file for simplicity

C. Write all HTML inside Python functions to avoid extra files

D. Use Blueprints to separate features and keep code modular

Solution

1. Step 1: Identify best practice for scalable Flask apps

   Using Blueprints separates features into modules, making code easier to manage and grow.

2. Step 2: Compare options for maintainability

   Putting everything in one file or mixing HTML in Python reduces clarity and makes fixing harder.

3. Final Answer:

   Use Blueprints to separate features and keep code modular -> Option D

4. Quick Check:

   Modular code with Blueprints improves growth and fixes = A [OK]

Hint: Blueprints keep Flask apps modular and maintainable [OK]

Common Mistakes:

• Thinking one-file apps scale well
• Mixing HTML and Python code
• Avoiding patterns for flexibility