https://github.com/sabinacristea/frontend-quiz

Four types of frontend quizzes (HTML, CSS, JS, Accessibility) build with Vite, React and Typescript, using Context API
https://github.com/sabinacristea/frontend-quiz

context-api react-hooks reactjs typescript typescript-react vitejs

Last synced: 2 months ago
JSON representation

Four types of frontend quizzes (HTML, CSS, JS, Accessibility) build with Vite, React and Typescript, using Context API

Host: GitHub
URL: https://github.com/sabinacristea/frontend-quiz
Owner: SabinaCristea
Created: 2024-01-05T16:53:49.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2024-03-29T20:56:39.000Z (about 2 years ago)
Last Synced: 2025-03-16T21:39:51.362Z (over 1 year ago)
Topics: context-api, react-hooks, reactjs, typescript, typescript-react, vitejs
Language: TypeScript
Homepage: https://frontend-quiz-sabina.netlify.app/
Size: 938 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Frontend Quiz App Challenge from Frontend Mentor

## App built using Typescript, React & Vite

## Live Demo
Click [here](https://frontend-quiz-sabina.netlify.app/) to see the live demo of the Frontend Quiz.

## Brief
Users should be able to:
- Select a quiz subject
- Select a single answer from each question from a choice of four
- See an error message when trying to submit an answer without making a selection
- See if they have made a correct or incorrect choice when they submit an answer
- Move on to the next question after seeing the question result
- See a completed state with the score after the final question
- Play again to choose another subject
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Navigate the entire app only using their keyboard
- Change the app's theme between light and dark

## Technologies Used
- TypeScript
- React
- Vite
- Context API
- CSS modules

## Screenshots