Giter VIP home page Giter VIP logo

flag-quiz's Introduction

mrkiffie

Reserving npm package name

flag-quiz's People

Contributors

mrkiffie avatar

Stargazers

 avatar

Watchers

 avatar  avatar

flag-quiz's Issues

Add timed mode

Adding a time challenge mode could be an interesting variation or potentially be the default scoring mechanism.
For example, the round could start with 1000 points and count down to 0. Correct answers are awarded the amount remaining. Incorrect answers are awarded nothing. A difficulty setting can be added for variation to the rate at which the points decrease.

Add Quiz Options

Add a simple interface to select the difficulty and the mode to be used at the start of a new game.

Distorted Flags

List of distorted flags according to severity:

  • Slovenia
  • Vietnam
  • New Zealand
  • Paraguay
  • Tuvalu
  • Jamaica

Layout improvements

The current layout is best suited for narrow screens in portrait mode. Perhaps additional layouts can be implemented based on orientation and width.

Implement improvements based on lighthouse results

Score Category
73 Progressive Web App
45 Performance
94 Accessibility
100 Best Practices

Progressive Web App 73

  • The page body should render some content if its scripts are not available.
  • Failures: Manifest does not have icons at least 512px, Manifest does not have background_color.
  • Failures: No <meta name="theme-color"> tag found.

Performance 45

  • First meaningful paint 7,850 ms
  • First Interactive (beta) 8,320 ms
  • Consistently Interactive (beta) 8,320 ms
  • Perceptual Speed Index: 8,687 (target: < 1,250)

Add additional modes

Possible additional modes:

  • Match Flag to Country
  • Match Capital to Country
  • Match Country to Capital
  • Identify Neighbouring Countries
  • Country Search
  • Country Detail View

High Score

Consider adding a High Score mechanism.

Flags displaying extra whitespace

  • Belarus
  • Dominica
  • East Timor
  • Fiji
  • Guinea Bissau
  • Hungary
  • Kazakhstan
  • Kuwait
  • Macedonia
  • Micronesia
  • Oman
  • Palestinian Territory
  • Saint Lucia
  • Seychelles
  • Slovenia
  • Solomon Islands
  • Sudan
  • UAE
  • United Kingdom
  • Zimbabwe

Add better user feedback

Currently the only way to know if the selected answer was correct or incorrect is if the score increments. Maybe adding colours will be enough; the correct answer being green and if there is an incorrect answer, it could be red.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.