Skip to content

nayyyhaa/innotion-quiz-react

Repository files navigation

logo

inNotion Quiz - Self Care Quiz App

Quiz application to check your knowledge on your self-care journey with topics like meditation, productivity, mindfullness, etc!

Preview☀️

logo

Available Screens

  • Landing Page
  • Quiz Category Page
  • Rules Page
  • Question Page
  • Result Page
  • Scores Page
  • Authentication (Login, Signup and Logout) Pages
  • Page not found(404 page)

Features:

Responsive screens with:

  • Landing Page with list of featured categories & trending quizes.
  • Quiz Category Page - with list of quizes listed under certain category.
  • Rules Page, consists of rules for particular game being played.
  • Question Page - List of MCQ based question for user to choose from.
  • Result Page - Answers of the following quiz mentioned along with total score.
  • Scores Page - Scores of the played game will be stored here for user.

Technologies & Concepts used

  • React JS with useReducer + useContext
  • Typesscript
  • Firebase for Authentication
  • React-router-dom
  • React-toastify
  • React-loader-spinner
  • inNotion UI library for styled components. To know about the styled components, their variations, read the inNotion UI Documentation.
  • Git For Version Control
  • Netlify for Deployment