Flashcards-to-learn-a-foreign-language

Team name: Luna R

Team member: Xinghai Nian, Bingzhen Chen, Xiaoqian Yang

Description:

1. A website where users can learn a foreign language using flashcards with their friends or alone.
2. Users need to register their accounts, once login in, there are two modes:

   Study mode: Users study using flashcards, and add notes as needed.

   Quize mode: User score, quiz time will be recorded.

Technologies involved:

1. Frontend: HTML, CSS, JavaScript, Bootstraps
2. Backend: Flask/Jinja, Python, SQLite for Database

Github: https://github.com/StacyYang/Flashcards-to-learn-a-foreign-language

Features:

1. User Authentication: Allow users to create an account if they do not already have one. Login requires users to provide their username and password before they can have access to certain features or information of our website. And logout after they finish studying.
2. Learn by using Flashcards: Allow users to learn a new language, including its vocabulary, grammar, and cultural knowledge using flashcards.
3. Notes Creation: Allow users to add notes based on their needs.
4. Take quiz: Allow users to take quizzes based on their desired language. The system tracks users' scores and dates of taking the quiz, and then displays them on a scoreboard.
5. Scoreboard: Displays users' scores on quizzes. Users can view their own scores as well as the whole ranking scoreboard.

Setup & Install:

Make sure you have the latest version of Python installed

git clone <repo-url>

pip install -r docs/expert_users/requirements.txt

Test user:

username: tester

password: 1234567

Administer account:

username: administer

password: 1234567

How to check status of product

After building the product Running the app

python dev/main.py

Go to http://127.0.0.1:5000

Then you will be taken to our home page and you can start interacting with the product

How to check weekly progress of product

Navigate to commit history https://github.com/StacyYang/Flashcards-to-learn-a-foreign-language/commits/main

See code changes

Click on the commit id will see code changes

View past status

Click the <> button on the commit history page