A Multiple Choice Quiz

Using Streamlit
1

Hey everyone - please forgive me as I have not been coding for very long. I have been trying to code a multiple choice quiz app based on my construction education blog I have been creating. I have been trying to learn the session_state feature to try and ensure that the quiz displays one multiple choice st.radio question at a time, moves onto the next question once the submit button is clicked and then tally’s up and displays the score at the end. I would be super grateful for any support as I cannot quite get it to work!

Please assume the structure of quiz_data to be a list of dictionaries containing question, choices and answer as keys…

import streamlit as st
from quiz_data import quiz_data

# Function to display the current question and choices
def show_question():
    question = quiz_data[st.session_state.current_question] 
    st.write(question['question']) # Selects the question within the dictionary being accessed by previous line within the quiz_data list.
    selected_choice = st.radio("Select your answer:", question['choices']) 
    submit_button = st.button("Submit") 
    if submit_button:
        check_answer(selected_choice)
        st.session_state.show_question = False

# Function to check the selected answer and provide feedback
def check_answer(selected_choice):
    question = quiz_data[st.session_state.current_question]
    if selected_choice == question["answer"]:
        st.write("Correct!")
        st.balloons()
        st.session_state.score += 1
    else:
        st.write("Incorrect!")
    next_question()

# function to move onto the next question
def next_question():
    current_question = st.session_state.current_question + 1
    if current_question < len(quiz_data): 
        st.session_state.current_question = current_question 
        st.session_state.show_question = True 
    else:
        st.success("Quiz Complete! Your Score: {}/{}".format(st.session_state.score, len(quiz_data)))

# Main function - initialising the 3 session state variables.
def main():
    if 'current_question' not in st.session_state:
        st.session_state.current_question = 0 
    if 'score' not in st.session_state:
        st.session_state.score = 0
    if 'show_question' not in st.session_state:
        st.session_state.show_question = True

    st.title("Piling Quiz")

    if st.session_state.show_question:
        show_question()
    else:
        next_question()

if __name__ == "__main__":
    main()
1 Like
2

Hello @Joe.Posnett, and welcome to our community! :hugs:

It looks like your approach is on the right track. However, there might be a few additional elements you could incorporate into your session state logic to improve it.

Happy to assist further but could you please share the quiz data with me?

Best,
Charly

1 Like
3

Hi Charly_Wargnier,

Thank you so much for reaching out so quickly!

See below what I have in the quiz_data.py page:

import streamlit as st

quiz_data = [
{
“question”: “1. What is the purpose of pile probing?”,
“choices”: [
“a) To save money”,
“b) To check for potential voids in proposed pile location”,
“c) To check the conditions of the surrounding soil”,
“d) To ensure they have been installed correctly”
],
“answer”: “b) To check for potential voids in proposed pile location”
},
{
“question”: “2. How does a pile integrity test work?”,
“choices”: [
“a) Through electromagnetic waves”,
“b) By breaking a small piece of the concrete poured”,
“c) Through engineering calculations”,
“d) Sending stress waves through the pile using a hand-held device or sensor”
],
“answer”: “d) Sending stress waves through the pile using a hand-held device or sensor”
}
]

4

Thanks @Joe.Posnett

Thinking about it, @sebastiandres didn’t you have a component for this?

Charly

5

Yes! streamlit-book to the rescue!
You can install directly from pypi
The documentation is here: Interactive Activities — streamlit_book documentation
And a demo is here: https://stbook-multipaging.streamlit.app/book and here https://stbook-methods.streamlit.app/

Hope it helps!

6

Brilliant, thanks @sebastiandres! :raised_hands:

7

Hey guys that is amazing and definitely makes life a lot easier!

I played around with this for a while but I still have the issue of wanting the quiz to show one question at a time with the next one loaded each time the “submit” button is pressed. I also want to display the tally of a score on the last page (as per my attempt above).

What would the best way to do this be?

Thank you for the help and patience!

8

After a solid 2 hours this morning I managed to solve it exactly how I wanted it! Whilst it was my own code in the end it was very much inspired by the Streamlit-book links you sent over so thank you both!

@sebastiandres
@Charly_Wargnier

9

Fantastic!

Glad you managed to create what you were after, @Joe.Posnett!

And Kudos to @sebastiandres for creating such a wonderful component! :raised_hands:

Best,
Charly

10

hey @Joe.Posnett How did you get that to work at the end , i am in the same situation

11

can we featch the quiz questions and answers from open AI and build on the go

12

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.