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.
QuizFi is a fully functional quiz app deployed on EDUChain testnet.
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.
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.
Quiz creators can view statistics of their own quizzes. They can see a list of participants along with their scores and won prizes.
Quiz takers can get a quiz report when the quiz time is over.
- Clone the repository to your local machine.
- Navigate to the project directory and run
pnpm installto install all dependencies. - Setup MongoDB.
- Run a static files server to serve quiz images.
- Get a project ID from Reown for wallet connection.
- Create a file named
.env.localand fill it according to the information in the next section. - Run
pnpm run devto start the development server. - Open http://localhost:3000 to view the app in the browser.
MONGODB_URI=mongodb://127.0.0.1:27017/?directConnection=true&serverSelectionTimeoutMS=2000
MONGODB_DB=quizfi
IMAGE_STORAGE_PATH=/usr/share/quizfi/
NEXT_PUBLIC_REOWN_PROJECT_ID=abcdefghijklmnopqrstuvwxyz
NEXT_PUBLIC_IMAGE_HOST_URL=https://img.quizfi.click/
ACCOUNT_PRIVATE_KEY=0x0123456789abcdef0123456789ABCDEF01234567
- React
- Next.js
- TypeScript
- MongoDB
- Hardhat
- Solidity
- Material-UI
- Nginx