Skip to content

quiz react application designed with chakra-ui & bootstrap and components implemented by storybook library

Notifications You must be signed in to change notification settings

BloodShop/quiz-react-storybook

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started with Easy-Quizy

React web application using storybook, chakra-ui, routing, express, cors, authentication, axios. Application to set the teachers and students environment; teachers may publish and edit exam inorder to test the students.

Initialize Project - downloading dependecies

# Backend deps 
npm install 

# Frontend deps 
cd frontend 
npm install

Run Application

cd ..
npm run dev

User access with built in exams:

email: [email protected] password: 12345

Available Scripts

In the backend directory, you can run:

npm start

Runs the backend server.js with node on localhost:5002

npm run server

Runs the backend server.js with nodemon on localhost:5002

npm run client

Runs the react-app on localhost:3000

React App http://localhost:3000 to view it in your browser.
express http://localhost:5002 server: users and exams requests to atlas mongodb. (.env file for demonstration)

npm run dev

Runs both backend and frontend.

In the frontend directory, you can run:

npm run storybook

Runs the storybook tool for UI development.

npm run build-storybook

Build a storybook static file.

About

quiz react application designed with chakra-ui & bootstrap and components implemented by storybook library

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published