So, in this quarantine, I thought of building a website, where friends can come together and challenge each other/quiz each other. The idea was that the website will have some pre-available questions which users can solve and check their knowledge. I also thought of creating "user-made" questions where the admin can create questions, invite others to solve them and finally have a tally on the leaderboard.

What it does

It currently lets you choose a category from one of the four available ones, to take a quiz on. It then gives you a time limit of three minutes to solve the quiz questions. In the end it provides you with statistics of your perfomance.

How I built it

I used React.js, scss, and tailwind css for the UI and Trivia Database questions from "opentdb".

Challenges I ran into

Currently, the user can select a track and answer questions specific to that particular track. Getting this done was quite a challenge. Multi-user support is not functional but I'm working on it.

Accomplishments that I'm proud of

I learnt how to make use of components, timer and working with fetch api. Though I have worked with React in past, I'm still trying to get a hang of it and hence, each time I learnt something new.

What I learned

I finally got tracks to work and I'm very happy about it.

What's next for Quiz App v2.0

1) Multiple players support and creation of personal rooms. 2) Being able to make your own quiz.

Built With

Share this project: