Why email matters in web apps in Flask - See It in Action

Why Email Matters in Web Apps

📖 Scenario: You are building a simple web app where users can sign up with their email addresses. Email is important because it helps identify users, send notifications, and reset passwords.

🎯 Goal: Create a Flask app that stores user emails, checks if an email is valid, and displays a confirmation message.

📋 What You'll Learn

Create a list called user_emails to store email addresses

Create a variable called email_to_add with a sample email string

Use a simple condition to check if email_to_add contains '@' before adding it to user_emails

Add a Flask route /confirm that returns a confirmation message including the added email

💡 Why This Matters

🌍 Real World

Web apps often need to collect and verify user emails to manage accounts and send notifications.

💼 Career

Understanding how to handle emails in web apps is essential for backend and full-stack developers.

1

Set up the email list

Create a list called user_emails and initialize it as empty.

Flask

# Create an empty list called user_emails
# Your code here

Need a hint?

Think of user_emails as a container to keep all user email addresses.

2

Add a sample email to check

Create a variable called email_to_add and set it to the string '[e-mail]'.

Flask

user_emails = []
# Create a variable email_to_add with '[e-mail]'
# Your code here

Need a hint?

This is the email we want to add to our list if it looks valid.

3

Check and add the email

Use an if statement to check if email_to_add contains the character '@'. If yes, add email_to_add to the user_emails list.

Flask

user_emails = []
email_to_add = '[e-mail]'
# Add email_to_add to user_emails if it contains '@'
# Your code here

Need a hint?

This simple check helps us avoid adding invalid emails.

4

Create a confirmation route in Flask

Import Flask and create an app. Add a route /confirm that returns a string confirming the email added, using user_emails[0].

Flask

user_emails = []
email_to_add = '[e-mail]'
if '@' in email_to_add:
    user_emails.append(email_to_add)

# Import Flask and create app
# Add /confirm route to show confirmation message
# Your code here

Need a hint?

This route shows a friendly message to the user confirming their email was saved.