Skip to content

Latest commit

 

History

History
52 lines (39 loc) · 2.15 KB

File metadata and controls

52 lines (39 loc) · 2.15 KB

CS391 Quiz App V2 with React

The Purpose

Repetition is an important element of learning, and one way to repeat content is through quizzes. The purpose of the project is let users solve quizzes and achieve a way to remember what they have learned. Furthermore, in this project we tried to create a better looking version of our first project Quiz App in more modern by using React framework and Bootstrap 4.

Use Case

Untitled Document

Project Members Tasks

Mustafa Barış Çamlı:

Designing the quiz page and its functionality

Berkay Çelik:

Designing the home page

Emre Çelik:

Designing the results page and its functionality

İsmail Erdem Er:

Designing the registration page & login page and its functionality

Instructions to run

User Guide

  1. When pulling this app please write your terminal "npm install" this command enables you to install the necessary files to your computer
  2. Please write "json-server --watch users.json" command on your terminal json-server should work on port 3000
  3. Please write "npm start" to initialize the app

External Libraries

  • Axios : To get or post data from server (users.json)
  • Reactstrap : Implement checkedbox in the Register Page
  • json-server : To store users'data
  • styled-components : To implement advanced design for Register Page & Login Page
  • framer-motion : To add animation for switching Register Page to Login Page or vice versa
  • aux : Allow us to return multiple JSX elements without adding extra layer

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3001 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.