Skip to content

anonyphoenix/quizfi

Repository files navigation

QuizFi

QuizFi is a learn-to-earn platform built with Next.js and TypeScript. It allows users to create and take quizzes. Quiz creators can incentivize quiz takers to study by setting a prize for top performers.

Online Demo

https://quizfi.click

Workflow

QuizFi is a fully functional quiz app deployed on EDUChain testnet.

Create Quiz

Anyone can create quizzes for free. Optionally, they can set a prize for top performers. Quizzes with a prize can be set as Public. Public quizzes are listed on the app home page. Payments are in EDU.

Take Quiz

Everyone start a quiz at a given time and it ends for everyone when the time runs out. No one can submit answers after a quiz ends.

View Statistics

Quiz creators can view statistics of their own quizzes. They can see a list of participants along with their scores and won prizes.

View Reports

Quiz takers can get a quiz report when the quiz time is over.

Installation

  1. Clone the repository to your local machine.
  2. Navigate to the project directory and run pnpm install to install all dependencies.
  3. Setup MongoDB.
  4. Create a file named .env.local and fill it according to the information in the next section.
  5. Run pnpm run dev to start the development server.
  6. Open http://localhost:3000 to view the app in the browser.

.env.local Sample Content

MONGODB_URI=mongodb://127.0.0.1:27017/?directConnection=true&serverSelectionTimeoutMS=2000
MONGODB_DB=quizfi

Technologies Used

  • React JS
  • Next.js
  • TypeScript
  • MongoDB
  • Material-UI