xmaggieliu / fbla-quiz

Flask quiz app for FBLA NLC

FBLA NLC 2021 - Coding and Programming

Flask web app that generates a random 5-question quiz from a SQLite database.

Features

1. 60 default questions (15 each of multiple choice, true and false, dropdown, and fill-in-the-blank)
2. Mutable question bank for each user
3. Hints (with confirmation alert + disable option)
4. Dark mode (toggleable)
5. Printable report in white background
6. Username and password can be changed

References + Works Cited

GENERAL RESOURCES / DOCUMENTATIONS

• CS50x: https://cs50.harvard.edu/x/2021/weeks/9/
• Web: https://developer.mozilla.org/en-US/docs/Web
• Bootstrap: https://getbootstrap.com/docs/4.3/components/
• Font Awesome: https://www.w3schools.com/icons/fontawesome_icons_intro.asp
• W3Schools: https://www.w3schools.com/jsref/prop_checkbox_checked.asp
• Flask: https://flask.palletsprojects.com/en/1.1.x/quickstart/
• Jinja: https://jinja.palletsprojects.com/en/2.11.x/templates/ https://overiq.com/flask-101/basics-of-jinja-template-language/

REFERENCE FOR QUESTIONS IN DATABASE - FOUND IN FBLA TRAINING MATERIALS MEGAFOLDER

• https://docs.google.com/document/d/1yi3XRz4ohjsajr3PGhpgPBQ2lRn3Kvrs/edit
• https://docs.google.com/document/d/1XH6f_hfsiAWJpcXCzyRLwSxxHZQcAAQ2/edit
• https://docs.google.com/document/d/1bOe1-7nYSWomhUOMfV5lmdgjAJ-hk0Kp/edit

SOURCES OF CODE USED

• https://css-tricks.com/snippets/css/typewriter-effect/
• https://codepen.io/FlorinPop17/pen/XWWZYYG
• https://lukelowrey.com/css-variable-theme-switcher/
• https://stackoverflow.com/questions/1531093/how-do-i-get-the-current-date-in-javascript