Jungle Quiz

Inspiration

I have a little sister, she is of the age 5 years and when I told her I want to make something for her. She asked to make something where she can test her knowledge about animals. she is very fond of animals in general. So this whole quiz website is her idea.

What it does

It is a quiz website for kids where we get the option either to play the quiz or add more questions to the quiz. It is called "jungle quiz", when we start the quiz, there comes a question with four options and you have to select the correct one, at the end of the quiz are able to see your score on the basis of your performance.

How we built it

I built it using the MERN stack. I am using React and CSS for the frontend, Node, Express for the backend, and Mongoose for the Database.

Challenges we ran into

It was really a drill to create the quiz schema for the DataBase. Basically deciding the whole structure of the schema.

const arraySchema = new mongoose.Schema({
    answer:{
        type: String,
        require: true
    },
    isCorrect:{
        type:Boolean,
        require: true
    }
})

const dataSchema = new mongoose.Schema({
    question:{
        type: String,
        require: true,
    },
    answerOption:[arraySchema]    

})

Apart from that, I am still figuring out how to send quiz JSON from frontend to backend.

Accomplishments that we're proud of

I am proud of the beautiful UI, I am able to pull off, and the APIs I wrote for this quiz. I learned to deploy by backend on heroku.

What we learned

I learned to think from the user's perceptive and deliver more resonating products. I created the whole website alone and it gave me lots of confidence and knowledge on how to handle the project from start to end.

What's next for Jungle Quiz

I will try to add more features like leveling up the quiz and adding an option to add questions to API smoothly.

Built With

• css3
• express.js
• mongoose
• node.js
• react