Quiz Game

Github

Demo of Quiz Game

Summary

Quiz Game is a game created using NextJS, React,React Hooks and Context API. The Routes were setup for five default pages.

This project was bootstrapped with Create Next App.

Motivation

The purpose of this project was to get familiar with NextJS.

Getting Started

Click the demo link or clone/download the repository on your local machine. Create a .env.local file in project root folder. In this file add the following environment variables

MONGODB_URI

MONGODB_DB

JWT_SECRET

NEXTAUTH_URL

NEXTAUTH_GOOGLE_ID

NEXTAUTH_GOOGLE_SECRET

NEXTAUTH_TWITTER_ID

NEXTAUTH_TWITTER_SECRET

NEXTAUTH_GITHUB_ID

NEXTAUTH_GITHUB_SECRET

NEXTAUTH_FACEBOOK_ID

NEXTAUTH_FACEBOOK_SECRET

NEXTAUTH_DATABASE_URL

Install dependencies

yarn install

Run Snap Shot from the root directory.

yarn start

Built With

• React Toastify
• Semantic UI
• React Query
• React JS
• NextJS
• Next/Auth
• MongoDB Atlas
• JWT Authentication

Features

1. Responsive design using @artsy/fresnel and Semantic UI.

2. Login and Register of players.

3. Top 10.

4. Game.

5. Account:

• Statistics;
• Gender;
• Number of Question;

6. About.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.