Flask Index

What to Expect

index	account	duplicate	quiz	right	wrong	final

By the time we have reached Styling Form our web pages should look like the images above.

index

The home or starting page

account

Load the user name, using a form

duplicate

The reaction when a user tries to insert a duplicate user name

quiz

Ask a question after playing a bird song

right

The result page showing the reaction to a correct answer

wrong

The result page showing the reaction to an incorrect answer

final

The last page giving the user their final score, and how well they did

We then apply some styling, which helps to keep the end-users interest, this is where you can also inject your own styling without affecting the basic structure and design.

Finally we make the system into an executable program using Python's virtual environment, venv.

Contents:

• Setup
  • Bird Quiz
  • Using a Virtual Environment (venv)
    • Final Situation
    • Keeping Track of the Changes
• First Steps in Flask
  • Working with HTML Files
  • Working with Jinja2
  • File Updates
• Adding Question Page
  • Form File Updates
• Add the Result and Final Pages
  • The Results so far
• Sessions
• Adding a Database
  • Adding Song Files
  • Create a Database
  • Database File Updates
• Feedback to Users
  • Make Users Table
  • Database Integrity Error
  • Alter Existing Files
  • What if the Best Score Changes
  • User File Update
• Styling
  • Flash Messaging
  • Modern Font
  • Buttons instead of Links
• Styling Form
• Background
  • Converting Images
  • A Comparison of File Sizes in Pixels.
  • Loading Images
  • Selecting the Images
  • Images for other Templates
  • Amendments
  • With Images
  • Using a Scrolling method
• Virtual Environment - venv