Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/captainirs/fastcount

Fast Counting Game for Delta Webdev Inductions Task 1
https://github.com/captainirs/fastcount

Last synced: about 1 month ago
JSON representation

Fast Counting Game for Delta Webdev Inductions Task 1

Awesome Lists containing this project

README

        

# FastCount

Play the game online at https://captainirs.github.io/FastCount/

*Available for Desktop and Tablet form factors only*

## Problem Statement
Procoder Bharath needs to count the number of registrations for his college fest. He's too busy for something so trivial and so he asks his juniors for help. Help him determine the fastest candidate for the job. Build a website similar to this which would test a user's counting speed. Be creative!

## Normal Mode
Arrange layers of numbers randomly in a square grid and allow a user to count by tapping on the numbers in ascending order
Time the user and display their score in seconds
Store the 5 best times using LocalStorage and display them.
## Hacker Mode
Implement different difficulty modes with different number of layers in the grid and display high scores based on difficulty.
Make the website responsive and mobile friendly using CSS Media Queries.
Pick any colour and vary the shades of the tiles in order of the number on them. For example, 1 would be the lightest and 40 would be the darkest.
Add sound effects to the game
## Hacker Mode+++++++
Something about a grid irks Bharath. Free the Forty Shades by looping the rows like a conveyer belt. (Like this)
Submission
Submission will be to your mentors. You can ask them any questions you may have.

Normal Mode is required. Hacker mode is very highly encouraged.

Required Skills
You’ll need to learn basic HTML, CSS and JavaScript for this task. The main concept you’ll be using is DOM manipulation.

Refer to the Beginner’s guide that was posted for more resources.

Limitations
You are not allowed to use any frameworks, like jQuery, Angular, Bootstrap, or React. The code must be in Vanilla JS only. You also don’t require a backend, and you shouldn’t need to make one.