https://github.com/stanleyy7/quizit

A SPA that fetches data from The Trivia API to output random quiz/trivia questions based on user selections. Made using React, HTML, CSS/SCSS and Javascript.
https://github.com/stanleyy7/quizit

css html javascript react scss vite

Last synced: 2 months ago
JSON representation

A SPA that fetches data from The Trivia API to output random quiz/trivia questions based on user selections. Made using React, HTML, CSS/SCSS and Javascript.

• Host: GitHub
• URL: https://github.com/stanleyy7/quizit
• Owner: StanleyY7
• Created: 2023-02-19T06:50:27.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-06T04:02:25.000Z (about 2 years ago)
• Last Synced: 2025-01-11T23:12:22.588Z (4 months ago)
• Topics: css, html, javascript, react, scss, vite
• Language: JavaScript
• Homepage:
• Size: 385 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## QuizIt

Link https://stanleyy7.github.io/quizit/

![quizDisplay](https://user-images.githubusercontent.com/119549394/219950504-70557e91-d473-4e35-b5b8-24393919a9d2.png)

### Welcome to QuizIt!

This side/hobby-project was made to assist people I know who host the occasional quiz for work/team-building activities and to also practice my existing skills. This SPA generates random quiz questions (for a variety of topics) and their answers (when the user clicks a button) by fetching data from The Trivia API and then displaying it onto a grid by mapping over the data.

### Features

- Fetch/Get of Trivia API Data

- Context API State Management

- Cypress Component Tests

- Responsive

### Tech Stack

- React

- Javascript

- HTML

- CSS/SCSS