Build a Quiz App


Uncategorized

Updated Dec 11th, 2021

Free Code Camp video by Thomas Weibenfalk here.

Overview

TypeScript, Create-React-App, Styled-Components

Enhance

Didn’t want to stop with tutorial. Interested in extending, taking the features further:

Build in Next.js: Completed

Error handling (suggested by author): Completed

Quiz settings can be set by user for total questions (max 50) and difficulty, etc. Completed

Visual progress bar vs just n/10: Completed

Summarize results at the end of the quiz: Completed

Add custom SVG SMIL animation component

Testing with Jest (specifically the inputs)

Testing with Cypress

Ability to turn on sound effects?

Better animations for getting questions right or wrong

Add feedback form, credit to Weibenfalk and link to the API source (Maybe in a footer)

Deploy to SiteGround subdomain of BV.com

The Quiz API

Opentdb.com

Users can log in and submit their own questions.

You can see all the questions.

You can build a URL for your request based on some user input selections.


Top