/Quizzzy

Quizzzy, an educational app, transforms learning through the use of flashcards to promote spaced repetition.

Primary LanguageJava

Quizzzy 📖

Quizzzy was created by Ethan Chew, Charlotte Lee, Hervin Sie, Darius Koh, Shin Thant.

Disclaimer: This website is solely created for a school assignment, and all information and names mentioned are entirely fictional, any resemblence to real-life entities is purely a coincidence. All content in this site does not act as real-world information.

Quizzzy is a mobile app designed for productivity and educational use. Users are able to create accounts to manage their studies by allowing users to create flashcards and quizzes (chapters) to test themselves. In addition, organisations can be created to allow for sharing of chapters between users. User statistics tracks a user’s study time, and provides visuals to help users keep track of their studies.
App Category: Education and Productivity

Motivation and Objective

Quizzzy can help users to study for their exams using flashcards. Flashcards are an engaging and interactive way to memorise keywords and concepts. By reviewing the keyword, trying to remember its definition, and then flipping the flashcard over, revealing the actual answer, helps memory retention. A flashcard app also allows users to access their flashcards from anywhere, as long as they have their mobile phone. This makes it convenient and portable, we know this also as we ourselves are students and having an app like this could enhance studying for users.

However, we also acknowledge the issues of having it on a mobile device: users may get distracted when studying. Hence, we are planning to implement a dedicated study mode in Stage 2.

Developers of Quizzzy (Team Members)

  1. Chew Ming Hong, Ethan (S10255990K)
  2. Charlotte Lee Sze Yee (S10258027K)
  3. Hervin Darmawan Sie (S10262115)
  4. Darius Koh Kai Keat (S10255626)
  5. Shin Thant Aung (S10261787)

Design Process

Figma High-Fidelity Wireframe
As a team, we used Figma to design the Wireframe for Quizzzy.
Important Note: This Wireframe is not a full reflection of the final design of Quizzzy. Minor User Interface design changes has been applied

Colours

Purple was chosen as our Primary Colour as purple communicates in a positive way. It is said to have the power to uplift, calm nerves and encourage creativity, making it an all-inclusive color. All ages, genders, and cultures can relate to purple.

Environment Variables

Environment Variables were used in our Project to ensure that our API Keys were kept secret. For Quizzzy to work locally on your device, you have to create a GEMINI_API_KEY in the root folder, and retrieve a API Key from Google.

Stage 1 Features

For our Stage 1 Submission, every member on our team were assigned a particular 'section' to work on.

  1. Account Creation - Hervin Sie
  2. Class Management - Charlotte Lee
  3. Flashlet Management - Ethan Chew
  4. User Study Statistics - Darius Koh
  5. Flashcards - Shin
  6. Home Page - Ethan Chew

App Categories Stage 1

  1. Account Creation - Hervin Darmawan Sie S10262115

    • Account Creation allows the user to create and login their Quizzzy account, allowing them to start using the app.
  2. Class Management - Charlotte Lee Sze Yee S10258027K

    • Class Management is the creating and managing of the classes host users.
    • Teachers are able to create classes, and add students to them
    • Flashcards shared by the class (editable and accessible by all students)
  3. Flashcards - Shin Thant Aung S10261787

    • Flashcards is the flashcards that will be created and added into the Flashlets, containing keywords, notes and mini-quizzes.
  4. Flashlet Management - Ethan Chew Ming Hong S10255990K

    • Flashlet Management is the creating and managing of flashlets that will host the flashcards.
    • Allowing users to Create, Update and Delete Chapters.
  5. Study Statistics - Darius Koh Kai Keat S10255626

    • Study Statistics will tracks the time that users spend on the app using Graphs. (in the different sections e.g. flashcards, notes)

App Categories Stage 2 / Improvements Made

  1. Profile Screen and Bug Fixes - Ethan Chew
  2. Global Search for Flashlets and Users - Ethan Chew
    • Allow users to Clone Flashlets to their account
      • Owner of the Original Flashlet will get a notification that their Flashlet has been cloned
    • Optical Character Recognition (OCR) to detect text and search for it
  3. Flashlet Collaboration / Sharing & Flashlet Download - Charlotte Lee
  4. 2 Factor Authentication - Hervin Sie
  5. Statistics and Flashcard UI - Shin Thant
  6. Study Mode - Darius Koh

Stage 2 Features

For our Stage 2 Submission, every member on our team worked on an independent feature.

  1. Global Search and Optical Character Recognition - Ethan Chew (S10255990K)
  2. Two Factor Authentication - Hervin Sie (S10262115)
  3. Flashlet Collaboration / Sharing & Flashlet Download - Charlotte Lee (S1025027K)
  4. Statistics & Flashcard UI - Shin Thant (S10261787)
  5. Study Mode - Darius Koh (S10255626K)