README.md

Quiz

Quiz answer form

This project allows quiz participants to easily answer the questions on their mobile devices.
Just share the site URL and the answers can be tracked in real time with scoreboard information for the organizer.

Installation

1. Download and build the website

   # Fetch repository
   git clone https://github.com/Carlgo11/Quiz
   cd Quiz
   
   # Install dependencies
   npm i
   
   # Build website
   npx @cloudflare/next-on-pages@1

Deployment

This project is meant to be hosting on a Next.js hosting services such as Vercel or Cloudflare Pages. Below is information for how to set up on the different alternatives.

Vercel

1. Set up and deploy the project

• Go to the Vercel Dashboard and Add New... > Project.
• Import your git fork of this project.
• When asked for environment variables, enter the variables listed in API Variables.
• Save and wait for Vercel to build your website.
• If the build was successful, you should get a vercel.app subdomain for the project. To use your own domain, simply point a CNAME record to that vercel.app subdomain.

Note To set up your API server, go to Quiz-API.

Cloudflare Pages

Warning Hosting this project on Cloudflare Pages currently does not work. This is due to Cloudflare not supporting the cache property for the Fetch API.

1. Set up the project

   • Open your Cloudflare dashboard.
   • Go to Workers & Pages and Create application.
   • Go to the Settings tab for your Pages application>Environment variables>Production>Edit variables and enter the variables listed in API Variables.

     Note To set up your API server, go to Quiz-API.

2. Deploy the website

   # Publish website to Cloudflare Pages
   wrangler pages deploy .vercel/output/static

API Variables

Name	Content	Example	Required
NEXT_PUBLIC_API	Your API URL	https://quiz-7ff.pages.dev/api	Yes
NEXT_PUBLIC_LANGUAGE	en or sv	en	No

License

The project is licensed under GPLv3. See the full license here.