React Quiz App

---

A multiple choice quiz app built with React and styled-components. Tracks users progress, user answers, and total score on submission.

📝 Table of Contents

• View Live Site
• Quick Start
• About

• Getting Started
• Testing
• Deployment
• Usage
• Built Using
• [Authors](#authorsupdate

▶️ View Live Site

See the live project @ https://torey-react-quiz-app.netlify.app/ hosted on Netlify

💨 Quick Start

Requires npm and node

Run:

git clone https://github.com/toreylittlefield/React-Survey-Quiz-App.git

cd React-Survey-Quiz-App
npm install
npm start

🧐 About

This project builds a quiz app in React. The quizzes are multiple choice answers and the questions & answer data are fetch from an API.

🏁 Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

System Requirements

• npm v6.14.5+
• Node.js v12.18+

To check Node & npm versions run:

npm -v
node -v

For installation & downloading Node.js & npm see: Setup Node & npm

Installing

Local Development Installation Instructions Are As Follows

• Clone the repo:

git clone https://github.com/toreylittlefield/React-Survey-Quiz-App.git

• Open the directory

cd quadrant-basic-test-challenge

Client (Frontend)

To run the React App client on port 3000

• Open the terminal at the root project directory & run

cd client
npm install
npm start

Then open the developer React server @ http://localhost:3000/

🔧 Running the tests

Explain how to run the automated tests for this system.

Break down into end to end tests

Explain what these tests test and why

Give an example

And coding style tests

Explain what these tests test and why

Give an example

🎈 Usage

Add notes about how to use the system.

🚀 Deployment

Add additional notes about how to deploy this on a live system.

⛏️ Built Using

Frontend

• Styled Components - CSS-in-JS Styling Library
• React - UI JS Library -> _Created with create-react-app

✍️ Authors

• @toreylittlefield - The one who completed this project