jeelrajodiya / brain-blitz

A simple quiz app

brain-blitz's Issues

Question maker problem

that bug which makes the save button go abnormal...
i think i found out the reason why it happens so...

here only 1 option is filled and it happens to be the correct option:

now if i write somthing in the second option and then delete it:

as we can see...
this code:

it only accounts for the options that are created
if the second option is created and it is blank then and only then the code responds to it else not...
hence we need to change the db such that there are 4 options created by default or give the user an option in the quiz maker settings to choose the number of options...

Make the landing page mobile friendly

Get rid of polls

Create a skeleton component

Add cards that shows separately if user do not have created any quizzes or joined any quizzes

Distribute the code into multiple files

Files Questions.tsx is about 200+ lines and JoinQuiz.tsx is about 400+ lines

Large files make it hard to maintain the code, so it is better if the files are distributed in more files
These distributions can be

• Create a separate file for types
• Distribute components

Create a state that stores all the responses of the user in JoinQuiz.tsx

The structure of the state should be as follows

[
  {
    questionId: "q1",
    selectedOption: "B"
  },
  {
    questionId: "q2",
    selectedOption: "A"
  },
  {
    questionId: "q3",
    selectedOption: "C"
  }
]

• Create the state
• Test it properly

Create the backend to get the list of quizzies the user participated

Create a sharable link to join the quiz on the created quiz list page

Show result analytics of the quiz to the creator

Create the backend to handle quiz response

Difficulty Tags are not showing properly

Recording.2023-06-22.165608.mp4

Reduce Loading Time

Add user feedback when the user deletes the quiz

This feedback includes a

• loading animation when the user's quiz is being deleted
• popup when deletion is successful or failed

(loading and the pop-up should be shown in such a way that the user can continue doing other things in the site, it would be great to position it in a bottom-right corner)

Create a Join Quiz Preview in the dashboard

This is how the preview should look

Create front end to show the list of the participated quizzes

Create a basic Result of the quiz

Edit this file

This components are good for this task

https://daisyui.com/components/stat

Add a loading toast when the user submits the quiz

Use the same toast that was used for deleting the quiz.
Just add the text in it "submitting... "

Create a fetch results API

Validate User Inputs

• User can not create a quiz with an empty title
• Can not create a quiz with 0 question
• Cannot save a question if there are duplicate options
• When creating a quiz, they can not leave the questions empty
• Can not leave an empty option in any question
• User has to add a difficulty tag to each question
• Show error when user gives wrong quiz code
• Prevent the user from joining the quiz they have already joined, when they try to join this type of quiz redirect them to the results page

Create the window to edit a quiz

The Windows should appear when this button is clicked