Red Cross quiz

Red Cross quiz web app based on the Enterwell templated for React and Next.js

Enterwell's template for web apps based on the React and Next.js.

Introduction

This is repository for Red Cross quiz web app/game, for now used by Red Cross Buje. This is only FE client for existing API. Getting quiz categories, quizes, questions and result validation is done using backend api implemented elsewhere As mentioned earlier this repository is created using template from Enterwell. There you can find more information about architecure of this repository.

Table of contents

• Quick start
• Launching the application
• Predeployment TODOs

Quick start

This project uses pnpm as its package manager so in order to get quickly up and running you will need to have it installed on your machine.

If you don't already have it, you can easily install it by using the following command (assuming you have Node.js installed)

npm install --global pnpm

Now you can setup the application without any hassle using the following command

pnpm create next-app -e https://github.com/Enterwell/react-starter

Create a new local configuration .env.local by using the provided example file using the command

cp .env.local.example .env.local

And success, you are ready to rumble!

Once in the project directory, you can start the development version of the application using the command

pnpm dev

Launching the application

There are several commands with which you can launch the application and it all depends on whether you want it to run in development or production mode.

Starting the application in development mode is done with the command

pnpm dev

When application development is complete, the application needs to be built. Building the application is done using the command

pnpm build

When you have successfully built your application, you can start the production version using the command

pnpm start

Whether running in development or production mode, application is available at http://localhost:3000.