https://github.com/ullenius/natan-js

:heavy_plus_sign: :heavy_minus_sign: Maths game for kids in vanilla Javascript. Intended to teach young kids basic arithmetic (addition and subtraction) with positive numbers
https://github.com/ullenius/natan-js

css html5 javascript kids-learn maths mit-license vanilla-javascript

Last synced: 5 days ago
JSON representation

:heavy_plus_sign: :heavy_minus_sign: Maths game for kids in vanilla Javascript. Intended to teach young kids basic arithmetic (addition and subtraction) with positive numbers

• Host: GitHub
• URL: https://github.com/ullenius/natan-js
• Owner: ullenius
• License: mit
• Created: 2019-03-29T17:55:46.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-06-30T16:07:30.000Z (over 4 years ago)
• Last Synced: 2024-11-08T10:50:40.129Z (about 2 months ago)
• Topics: css, html5, javascript, kids-learn, maths, mit-license, vanilla-javascript
• Language: JavaScript
• Homepage: https://ullenius.github.io/natan-js/
• Size: 75.2 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# natan-js - Maths Game for Kids



A web based app I made for my nephew. Intended to teach young kids basic arithmetic (addition and subtraction) with positive numbers.

  

## Features

* Addition :heavy_plus_sign:

* Subtraction :heavy_minus_sign:

* No negative numbers

* Input using touchscreen/mouse :computer_mouse:

* Tablet support (especially ipad) using custom CSS

* HTML 5

* 100% vanilla Javascript (ES6)

## How It Works

* The game generates 10 random maths problems one-by-one.

* It randomizes the numbers with a a number range of 1-11 for the **first number** and 1-30 for the **second number**

Children do not know the validity of basic mathematical proofs that adults take for granted. Also, negative-numbers can be quite tricky (too abstract) for young kids. Considering this the game is consciously designed to never generate problems where the answer is less than 0.

```

a + b == b + a

```

*(This proof is self-evident for adults. But not for young children)*

## Usage

1. Click Start-button to Start the game

1. Enter digits by clicking on the buttons

1. Submit your answer using the 'DONE'-button

1. Game ends after 10 rounds

## Development

The code is written using OOP (Object Oriented Programming) and uses the MVC-pattern (Model View Controller).

## :penguin: Attribution

The image of birthday Tux is courtesy of [Pixabay](https://pixabay.com/images/id-161107/)

## Licence

Made in 2019. MIT Licence