Quizzical React App

This is a solution for the final solo project of the Scrimba React Course.

Table of contents

• Quizzical React App
  • Table of contents
  • Overview
    • The challenge
    • Screenshot
    • Links
  • My process
    • Built with
    • What I learned
    • Continued development
  • Author

Overview

The challenge

The React project should consist of

[x] Two screens (start & questions)

[x] Pull 5 questions from the Open Trivia Database API

[x] Tally correct answers after the Check Answers button is clicked

[x] Adhere to the Figma design file scheme

[x] BONUS: Add the ability to select a quiz topic

Screenshot

Links

• Live Site URL: (kateivesdev.github.io/quizzical/)

My process

Built with

• Semantic HTML5 markup
• Vanilla CSS
• Flexbox
• Mobile-first workflow
• Open Trivia Database API
• React - JS library

What I learned

Practiced using useState and useEffect hooks. Learned about the nanoid package and used it to generate unique keys for elements in a list.

Continued development

Add feature that allows user to see their last score; add a timer.

Author

• Website - Kate Ives
• Twitter - @KateIvesDev