Quizardry- Quiz App

Quizardry is a quiz media app designed and developed to test your pop culture references and knowledge across categories such as: books, TV shows, and songs! Users can select across any categories to take a quiz or create a new quiz. After user attempts a quiz, a detailed score card is displayed with total score, correct and selected answers for each question. Additionally, users can also choose to experience a quiz environment either in the dark or light theme.

Quizardry app image

Tech Stack

  • TypeScript - React
  • React Router DOM v6
  • Material UI
  • Test using Jest
  • Node.js
  • Express.js
  • MongoDB

Project Learnings

  • Learning and using TypeScript with React.
  • Writing server side code, configuring APIs, controllers and middlewares.
  • Adding styles with Material UI library.
  • Unit testing with Jest testing framework.

Project Challenges

  • Using TypeScript with React and getting accustomed to type checking.
  • Discovering how to use Material UI library and design custom components
  • Writing Jest unit tests for verifying API service calls and functions.