/quizzical

A simple quiz app

Primary LanguageTypeScriptMIT LicenseMIT

Quizzical

desktop preview

Overview

A simple quiz app that pulls questions from the Open Trivia Database API.

Table of contents

The challenge

Users should be able to:

  • View the optimal layout for each of the website's pages depending on their device's screen size.
  • See hover states for all interactive elements on the page.
  • Recieve validations when they try to check answers without answering all questions.
  • See the correct answers highlighted in the results page.

Links

Built with

  • Semantic HTML5 markup
  • Mobile-first workflow
  • Next.js - React Framework
  • Typescript
  • TailwindCSS

Continued development

  • Add the option for users to configure the kind of questions they want to answer.
  • Add a nice celebration feature if all questions are gotten right.

How to Use

Clone this repository or download to your local machine

  git clone

Go to the project directory

  cd quizzically

Install dependencies

  npm install

Start the server

  npm run dev

Open http://localhost:3000 with your browser to see the result.

Author