How to build a quiz platform in Bubble

A quiz platform in Bubble is built by creating three main data types (Quiz, Question, Result), displaying questions one-by-one in a repeating-group-like flow, and using custom states to track the user’s progress and score. The user answers a question, you update a custom state, and when the quiz is finished you create a Result thing in the database. Bubble’s workflows make this process straightforward.

Core Data Structure

You only need a few data types. These are real Bubble structures and work well for quizzes:

• Quiz with fields: Title (text), Questions (list of Questions).
• Question with fields: Prompt (text), Choices (list of texts), Correct Answer (text).
• Result with fields: Quiz (Quiz), Score (number), User (User).

Displaying Questions and Tracking Progress

You don’t use a Repeating Group for one-question-at-a-time flow. Instead place a group on the page (call it Question Group) and bind it to a custom state like current\_index (number). Custom states store temporary values on the page without saving to the database.

• Create a custom state on the page: current\_index (number), default 1.
• Set the Question Group’s data source to: Parent group's Quiz's Questions:item # current\_index.

Capturing Answers

Add another custom state: current\_score (number). When the user clicks an answer, run a workflow:

• If chosen answer = Current Question’s Correct Answer → Set state current_score = current_score + 1.
• Then set current_index = current_index + 1.

If current\_index is greater than the quiz’s number of questions, navigate to the Results page.

Saving the Final Score

On the Results page (or in the finish workflow), create a Result:

// Bubble workflow action: Data → Create a new thing
Type: Result
Quiz = Current Page Quiz
User = Current User
Score = Page's current_score

Optional: Timer, Randomization, User History

• Use another custom state like time\_left and schedule an every-second event with a repeating workflow.
• To randomize questions, store a shuffled list in a custom state when the quiz starts.
• Show past results to the user by searching Result where User = Current User.