https://github.com/kiranwankhade/quizapp

On this project I focused on implementing a application in typescript. It is Simple quiz app.
https://github.com/kiranwankhade/quizapp

css react reactjs typescript

Last synced: 2 days ago
JSON representation

On this project I focused on implementing a application in typescript. It is Simple quiz app.

• Host: GitHub
• URL: https://github.com/kiranwankhade/quizapp
• Owner: kiranwankhade
• Created: 2023-05-04T12:51:44.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-05-09T19:20:31.000Z (about 2 years ago)
• Last Synced: 2025-02-17T12:45:45.600Z (3 months ago)
• Topics: css, react, reactjs, typescript
• Language: TypeScript
• Homepage: https://my-typescript-quiz-app.netlify.app/
• Size: 591 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 # Quiz Application built with React - Typescript

 

 Simple EventSourcing example using  React, Typescript, CSS.

 

 ## I created this web app and tried to imitate quiz application in typescript.

On this project I focused on implementing a application in typescript.

### Once open it, users can see:

- Home Page

- Having Quiz Button

- Quiz Have 10 Questions

- Each correct Question get 1 mark 

- and Basically questions answers the score get updated 

- after completing 10 question it ask to again start the quiz.

The database includes quesions details.

## How to run this application locally

To install all the packages, run:

```

npx create react-App application

```

Then run:

```

cd application

npm start 

```

## Link for Visit

[Netlify link](https://my-typescript-quiz-app.netlify.app/)

[Github Link](https://github.com/kiranwankhade/QuizApp)

##Some Images of Quiz 

#Home Page

![Screenshot 2023-05-10 004220](https://github.com/kiranwankhade/QuizApp/assets/49937312/bd885b46-6848-4625-ba02-694807be9cba)

#start Quiz -Loader

![Screenshot 2023-05-10 004307](https://github.com/kiranwankhade/QuizApp/assets/49937312/21159bc2-4bfa-487b-b79f-63f0e35abb44)

#Qustion Card Display and score disaplayed

![Screenshot 2023-05-10 004325](https://github.com/kiranwankhade/QuizApp/assets/49937312/dc0de5ea-2c5e-47c1-95ba-9c9af48fdfa7)

#Qustions Correct 

![Screenshot 2023-05-10 004346](https://github.com/kiranwankhade/QuizApp/assets/49937312/7c316573-3906-4c18-a746-38c3739d7314)

#Qustions Wrong Answer Look Like and did not Update score

![Screenshot 2023-05-10 004410](https://github.com/kiranwankhade/QuizApp/assets/49937312/5d020845-19a7-4307-ab93-a609545b7051)

#Last Question and  it ask to again start the quiz

![Screenshot 2023-05-10 004442](https://github.com/kiranwankhade/QuizApp/assets/49937312/0fddceea-a8a4-4fa6-8e12-3611ce6bbb7f)