rjrfrst / frontend_project_quiz

Group 5 "M's DAWGZ" Front End Project: THE BEST QUIZ EVER! 🐾

About

An application that allows the user to take a personality quiz of their choice, returning a personality character profile back to the user.

• Albert Hughes
• Mehlia Rahman
• Emmanuel Ajayi
• Rayster Ramos

The Project's Aims

For Users:

• Allow user to select personality quiz of choice
• Allow user to resume unfinished quiz
• Show user their personality character profile

For Developers:

• Create react app with responsive CSS design

How to use the Website:

1. Select a quiz on the home page
2. Answer each question with multiple choice answers
3. Reach the end of the quiz to reveal your personality profile!

MVP

• Display all quizzes on landing page ✅
• Display questions in a multiple choice format ✅
• Display results at end of quiz ✅

Extensions

• Add resume button functionality for each quiz ✅
• Add media query to display answers in a responsive way for both web & mobile users ✅
• Add counter/tracker for each question
• Modify backend to accept the creation of new quizzes/questions ✅
• Use Dall-E API to generate outcome images
• Create page with different character/personality profiles

Diagrams

Wireframe:

Component Diagram:

Libraries used:

• Material UI 5.15.0
• React 18.2.0"
• React-router-dom 6.20.1

Best Quiz Ever React App

Quiz Container

Quiz Componenents