dangerdak / countryquiz-react

Quiz on the worlds capital cities - recreating https://github.com/dangerdak/countryquiz with react

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CountryQuiz - Capital Cities Quiz

What

This quiz tests the users knowledge of the world's capital cities.

Running locally

git clone git@github.com:dangerdak/countryquiz-react.git
npm run start

Then go to localhost:8080 in your browser.

Why

To learn React & capital cities

How

components of the questions pages

  • Quiz (pink)
    • Question (blue)
      • QuestionHeader (orange)
      • SelectAnswer (green)
    • QuestionNavigation (red)

components of the results page

  • Quiz (pink)
    • Results (blue)
      • Score (red)
      • Solutions (green)
        • Solution (turquoise)
    • ResultsNavigation (orange)

Data

  • Questions (quiz props)
  • Current question number (quiz state)
  • Users answers (quiz state, results props)

About

Quiz on the worlds capital cities - recreating https://github.com/dangerdak/countryquiz with react


Languages

Language:JavaScript 93.9%Language:CSS 4.6%Language:HTML 1.5%