Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/adebola-io/quizwiz

CSC 420 Project - Quiz app. Built with React, Typescript and Tailwind.
https://github.com/adebola-io/quizwiz

css javascript nodejs quiz-game quizapp react vite

Last synced: 5 days ago
JSON representation

CSC 420 Project - Quiz app. Built with React, Typescript and Tailwind.

Awesome Lists containing this project

README

        

Quiz Web App


MIT License




Make a pull request.

This is the repository for Group 3 of the CSC 420 Software Engineering project.

## Design 🖌

The design for this project is hosted on Figma [here](https://www.figma.com/file/AUoDWCLv80ZajCBgePszki/CSC-420---Project?type=design&node-id=0%3A1&mode=design&t=dHfWTuMj0kdoQkOx-1).

## Development 🖥

### Front-end

The front-end is written using React, Typescript and Tailwind. Node and NPM/Yarn must be installed to preview it. To run the frontend locally, cd into the `frontend/` folder and run

```shell
npm install
```

followed by

```shell
npm run dev
```

to start the local dev server.

### Back-end

A simple development back-end is present in the `/backend/mock/` folder. To run it, cd into the folder and run:

```
npm install
```

and then

```shell
npm start
```

to start the Node.js server.

To see the code for the main back-end, visit [here](https://github.com/Matec12/quiz-app-backend).

## Documentation 📜

Relevant documentation files can be viewed in the [`docs`](https://github.com/adebola-io/quiz-app/tree/main/docs) folder.

## Deployment 🚀

All pushes to the `production` branch are automatically deployed on Vercel [here](http://csc420quiz.vercel.app).