AhmedTohamy01 / React-Typescript-Quiz-App

React-Typescript Quiz App built using React.JS & Typescript, where you can solve quiz questions and the app will calculate the success score automatically.

Home Page:https://react-typescript-quiz-app-nine.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Logo TypeScript

React-Typescript Quiz App

This is a React-Typescript Quiz App built using React.JS & Typescript . You answer the questions and the app will calcualte the score for you automatically.

Take a look at the live version here: https://react-typescript-quiz-app-nine.vercel.app/ :octocat: 😍

Table of Contents

Project Walk-Through

Quiz-Start-Page

ScreenShot

Quiz Process

ScreenShot

Quiz-end Page

ScreenShot

Live Demo

Take a look on the live version here: https://react-typescript-quiz-app-nine.vercel.app/

Technology Used

I have built this project using the following tools & techniques:

  • React.JS
  • Typescript.
  • Context API
  • Compound Components.
  • JSX.
  • CSS Modules.
  • VSCode.

How To Use

To be able to use this react app locally in a development environment you will need the following:

  1. You will need Git and Node.js installed on your computer.

  2. Then From your terminal, you should do the following:

# Clone this repository
git clone https://github.com/AhmedTohamy01/React-Quiz-App

# Go into the repository
cd react-Quiz-App

# Install dependencies
npm install 

# Run the app
npm start
  1. Now you can see the project in your browser as you see in the live demo link. Happy Hacking!

About

React-Typescript Quiz App built using React.JS & Typescript, where you can solve quiz questions and the app will calculate the success score automatically.

https://react-typescript-quiz-app-nine.vercel.app


Languages

Language:TypeScript 72.7%Language:CSS 19.0%Language:HTML 8.3%