Skip to content

resant18/abacus

Repository files navigation

Abacus Fun

Abacus Simulator Kids Learning App. Live here

Abacus demo

Background

Abacus, also called counting frame, is a calculating tool that was invented in ancient China. This Abacus Fun application will simulate the way abacus work and designed to guide kids learning simple arithmatic in a concret and fun way. It will calculate the sum everytime a bead is moved. In that way, the student will be able to check the answer. The application has two modes where the student can use the abacus freely in free mode, and challenge themselves in challenge mode with a timer.

This simulation app will incorporate simple addition and substraction, mainly for Preschool to Kindergarten school grade.

Functionality & MVP

With this Abacus Fun simulator, users will be able to:

  • Choose between free mode and challenge mode
  • Choose the bead theme, for example change to animal image, to make it more fun.
  • Practice counting numbers by moving the beads in free mode
  • In challenge mode, generate random simple arithmatic problem to be solved
  • Calculate the sum interactively while user move the bead
  • Compare the user input with the correct answer and display to the user
  • Reset the steps while solving a arithmatic problem
  • In challenge mode, user can choose to have timer to challenge themselves while solving a arithmatic problem.

Wireframes

This app will consist of a screen game setting, where user can choose the free mode or challenge mode. In both modes, user can view the abacus frame with columns and rows consist of beads. At the bottom of each beads column, it will display a sum number interactively as user move the beads. On the left, there will be controls to reset the problem and input control where user can manually enter their math problems.

Setting Page Setting Page

Architecture and Technologies

This project will be implemented with the following technologies:

  • Javascript and CSS for abacus computing logic and UI.
  • Webpack to bundle javascript files.

In addition to the entry file, there will be three main scripts involved in this project:

abacus.js: this script will handle the abacus computing logic. math.js: this script will generate math problem. timer.js: this script will handle how to render the UI in DOM.

About

Abacus Simulator Kids Learning App

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published