https://github.com/jkellerman/lets-get-quizzical
https://github.com/jkellerman/lets-get-quizzical
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jkellerman/lets-get-quizzical
- Owner: jkellerman
- Created: 2022-05-31T12:45:07.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-23T15:19:43.000Z (almost 3 years ago)
- Last Synced: 2025-01-27T07:41:39.442Z (about 1 year ago)
- Language: JavaScript
- Size: 341 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Let's get Quizzical
This is an upgraded version of the solo challenge "Quizzical" provided by Scrimba.
[Challenge](https://scrimba.com/learn/learnreact/react-section-4-solo-project-co24f49bea8aace7c174082c8).
The Figma design gave an idea of how the application should work. However, I decided to take it up a notch and give the client the ability to choose what type of question they would like to answer as well as the difficulty and topic. In addition, I added a theme toggle that will automatically load dark theme if the client has their browser settings set to dark. Any changes made to the theme via the toggle button will then be saved to local storage and the selected theme will load on their next visit.
A few options will fail to make an API call as there are no questions available. For example, if you select Books, Hard & True/False, it will fail. If this happens you will be prompted to adjust your settings.
## Table of contents
- [Links](#links)
- [Built with](#built-with)
- [Continued development](#continued-development)
### Links
- Solution URL: [Solution](https://github.com/jkellerman/lets-get-quizzical)
- Live Site URL: [Live Site](https://lets-get-quizzical.netlify.app/)
### Built with
- SCSS
- [React](https://reactjs.org/) - JS library
- [OpenTDB](https://opentdb.com/api_config.php) - Open Trivia Database API
### Continued development
The theme I went with was very simple, the purpose of this was to focus more on my react logic and making API calls. For future development, I could take it up a notch by make this app more game-like, meaning more eye catching colors, music and sounds for selecting buttons. I could also add in levels, for example if all easy questions for a category are answered correctly, the client can then move onto the medium questions.