HTML email templates in Flask - Mini Project: Build & Apply

HTML Email Templates with Flask

📖 Scenario: You work at a small company that sends welcome emails to new users. You want to create a simple HTML email template using Flask to send personalized messages.

🎯 Goal: Build a Flask app that uses an HTML email template to send a welcome message with the user's name included.

📋 What You'll Learn

Create a Flask app with a route to send emails

Set up a dictionary with user data

Create an HTML email template with placeholders

Render the template with user data and prepare the email content

💡 Why This Matters

🌍 Real World

Companies often send personalized HTML emails to welcome new users or notify them about updates. Using Flask templates helps create dynamic email content easily.

💼 Career

Knowing how to build and render HTML email templates with Flask is useful for backend developers working on user communication and notification systems.

1

Set up user data dictionary

Create a dictionary called user with these exact entries: 'name': 'Alice' and 'email': '[e-mail]'.

Flask

# Your code here

Need a hint?

Use curly braces to create the dictionary and include the keys 'name' and 'email' with the exact values.

2

Create Flask app and configure secret key

Import Flask from flask and create a Flask app instance called app. Then set app.secret_key to 'secret123'.

Flask

user = {'name': 'Alice', 'email': '[e-mail]'}
# Your code here

Need a hint?

Remember to import Flask and create the app instance before setting the secret key.

3

Create HTML email template with placeholder

Create a string variable called email_template that contains this exact HTML: <h1>Welcome, {{ name }}!</h1><p>Thanks for joining us.</p>.

Flask

user = {'name': 'Alice', 'email': '[e-mail]'}
from flask import Flask
app = Flask(__name__)
app.secret_key = 'secret123'
# Your code here

Need a hint?

Use double quotes for the string and include the exact HTML with the placeholder {{ name }}.

4

Render template with user data in Flask route

Import render_template_string from flask. Create a route @app.route('/send_email') with a function send_email() that returns render_template_string(email_template, name=user['name']).

Flask

user = {'name': 'Alice', 'email': '[e-mail]'}
from flask import Flask
app = Flask(__name__)
app.secret_key = 'secret123'
email_template = "Welcome, {{ name }}!Thanks for joining us."
# Your code here

Need a hint?

Use the decorator @app.route('/send_email') and define the function send_email() that returns the rendered template string with the user's name.