QUIZZICAL

👉Live Preview👈

Description

Test your trivia knowledge with Quizzical, a fun trivia quiz app. Get your friends to play and compare the scores on the leaderboard!

Learnings

1. Using Material UI
2. Conditionally styling the components

Technologies used

1. HTML
2. CSS
3. React.js
4. Material UI
5. React router
6. Firebase (firestore, auth, hosting)

Challenges I faced

1. First time working with Material UI, it was a challenge to customize the styling
2. Had to re-think my approach multiple times
3. Extracting and processing relevant data from the OTDB API
4. Decoding HTML entities

Room for improvement

1. Option to customise the quiz
2. Improved leaderboard

Credits

• Link to the Figma design file
• Quiz icons created by Freepik - Flaticon
• he (for “HTML entities”) is a robust HTML entity encoder/decoder written in JavaScript.