Quizhub

Visit our website

www.realquizhub.com

How to start development server

Start the api (backend - express)

cd api
npm start

Default port: 4001

Start the client (frontend - react)

cd client
npm install # only if missing node_modules
yarn add semantic-ui-react # if run `npm install`
yarn add rough-charts # if run `npm install`
npm start

Default port: 3000

Visit the website

Navigate to http://localhost:3000 in your browser.

How to start production server

Start the api (backend - express)

cd api
npm start

Default port: 4001

Build the client application(frontend - react)

cd client
npm install # only if missing node_modules
yarn add semantic-ui-react # if run `npm install`
yarn add rough-charts # if run `npm install`
npm run build

Visit the website

Navigate to http://localhost:4001 in your browser.

Tutorial

1. Create project structure based on the tutorial: How to create a React frontend and a Node/Express backend and connect them

2. Add socket.io based on the tutorial: Real Time Web App | React.js + Express + Socket.io