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

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

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

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

Hint

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

Practice

1. Why is email important in web applications built with Flask?

easy

A. It allows the app to send notifications and verify users.

B. It speeds up the loading time of web pages.

C. It stores user passwords securely.

D. It replaces the need for a database.

Solution

1. Step 1: Understand the role of email in user communication

   Email is used to send important messages like verification and notifications to users.

2. Step 2: Identify what email does not do in Flask apps

   Email does not affect page loading speed, password storage, or replace databases.

3. Final Answer:

   It allows the app to send notifications and verify users. -> Option A

4. Quick Check:

   Email use = notifications and verification [OK]

Hint: Email = user communication tool, not speed or storage [OK]

Common Mistakes:

• Thinking email speeds up page loading
• Confusing email with password storage
• Assuming email replaces databases

2. Which of the following is the correct way to import Flask-Mail in a Flask app?

easy

A. from flask import Mail

B. import flask.mail as Mail

C. import Mail from flask_mail

D. from flask_mail import Mail

Solution

1. Step 1: Recall the correct import syntax for Flask-Mail

   The Flask-Mail extension is imported using 'from flask_mail import Mail'.

2. Step 2: Identify incorrect import statements

   Options A, B, and D use invalid Python import syntax or wrong module paths.

3. Final Answer:

   from flask_mail import Mail -> Option D

4. Quick Check:

   Correct import = from flask_mail import Mail [OK]

Hint: Use 'from flask_mail import Mail' to import Flask-Mail [OK]

Common Mistakes:

• Using incorrect import syntax
• Trying to import Mail from flask instead of flask_mail
• Using 'import Mail from flask_mail' which is invalid

3. What will happen when this Flask-Mail code runs?

from flask_mail import Mail, Message
mail = Mail()
msg = Message(subject='Hello', sender='[e-mail]', recipients=['[e-mail]'])
msg.body = 'Welcome!'
mail.send(msg)

medium

A. An email with subject 'Hello' and body 'Welcome!' is sent to [e-mail].

B. The email is sent but without a subject.

C. The code raises an error because mail is not initialized with the app.

D. The email is sent but the body is empty.

Solution

1. Step 1: Check Flask-Mail initialization requirements

   Flask-Mail requires initialization with the Flask app instance before sending emails.

2. Step 2: Analyze the code for missing initialization

   The code creates Mail() but does not call mail.init_app(app), so sending will fail.

3. Final Answer:

   The code raises an error because mail is not initialized with the app. -> Option C

4. Quick Check:

   Flask-Mail needs init_app before send [OK]

Hint: Always initialize Mail with app before sending emails [OK]

Common Mistakes:

• Assuming mail.send works without init_app
• Thinking subject or body can be empty without error
• Ignoring Flask-Mail setup steps

4. You wrote this Flask code to send a password reset email but get an error:

msg = Message('Reset', sender='[e-mail]', recipients='[e-mail]')
msg.body = 'Click link to reset.'
mail.send(msg)

What is the error and how to fix it?

medium

A. Recipients must be a list, not a string; change to ['[e-mail]'].

B. Sender email is invalid; use a real email address.

C. Message subject cannot be a short string; make it longer.

D. Body must be HTML, not plain text.

Solution

1. Step 1: Identify the type expected for recipients

   The recipients argument must be a list of email strings, not a single string.

2. Step 2: Fix the recipients argument

   Wrap the email in a list: recipients=['[e-mail]'] to fix the error.

3. Final Answer:

   Recipients must be a list, not a string; change to ['[e-mail]']. -> Option A

4. Quick Check:

   Recipients = list of emails [OK]

Hint: Recipients must always be a list, even for one email [OK]

Common Mistakes:

• Passing recipients as a string instead of list
• Thinking sender must be a real email to avoid error
• Assuming body must be HTML

5. You want to send a verification email after user signup in Flask. Which approach best improves user experience?

hard

A. Activate account immediately and send a welcome email without verification.

B. Send an email with a verification link and activate account only after user clicks it.

C. Do not send any email; just show a success message on the website.

D. Send multiple emails asking the user to verify repeatedly.

Solution

1. Step 1: Understand the purpose of verification emails

   Verification emails confirm the user's email is valid and owned by them.

2. Step 2: Choose the approach that balances security and user experience

   Sending a verification link and activating after click ensures valid users and trust.

3. Final Answer:

   Send an email with a verification link and activate account only after user clicks it. -> Option B

4. Quick Check:

   Email verification improves security and experience [OK]

Hint: Verify email before activation for better security and trust [OK]

Common Mistakes:

• Activating account without verification
• Not sending any email after signup
• Spamming users with multiple verification emails