Popcorn

An online pop-quiz for the ultimate sports fan : test your knowledge and show off your skills

Table of Contents

• Popcorn
  • An online pop-quiz for the ultimate sports fan : test your knowledge and show off your skills
  • Table of Contents
  • How to download and run locally ?
  • Key Features
  • Tech used
  • Demo
  • Future Improvments :
  • Credits
  • License

How to download and run locally ?

Copy and paste the below commands in sequence

> git clone https://github.com/abhijitdotsharma/popcorn
> cd popcorn
> npm install
> npm start

Key Features

• Categorized Questions : Browse and select from a variety of question categories to test your knowledge.
• Rules Page : Familiarize yourself with the rules and guidelines of the quiz before diving in.
• Multiple Choice Questions : Answer questions by selecting the correct option from a list of choices.
• Responsive Design : The app works seamlessly on devices of all sizes and resolutions.
• Result Page with Score : View your score and see how you compare to other users after completing the quiz.

Tech used

• React JS
• TypeScript
• Vanilla CSS
• Nou-CL - A component library for building user interfaces with CSS, created by me.
• React Context API
• React Router v6

Demo

Future Improvments :

• Refactor using TypeScript (currently ongoing)
• Add more categories for different leagues
• Add an easy / medium / hard section for each category
• Add a login feature for users to store their progress
• Let users post their score on social media

Credits

Backend forked from ivinayakg/mockbee-quiz-template

License

MIT