Skip to content
This repository has been archived by the owner on Oct 17, 2023. It is now read-only.

creme332/abacusLite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

96 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

abacusLite

Front‑End_Checklist followed HTML shield JavaScript shield CSS shield

abacusLite is an interactive abacus learning portal designed to help you master the abacus.

homepage screenshot

▶ Live Preview

🚀Features

  • Mobile-responsive design
  • 3 different game modes

✨Modes

Tutorial mode ⛑

Enter two numbers and the computer will walk you through how to use an abacus for basic arithmetic operations. Currently explanations are available only for addition and subtraction.

  • Input validation.
  • Auto-fill feature.
  • Integer overflow detection.
  • Step-by-step explanation.

video of abacus performing addition and subtraction

Rush mode 🏃‍♀️💨

Use the abacus to evaluate math expressions as fast as possible.

rush mode screenshot

Zen mode 🤪

Use the classic abacus.

  • No computer assistance.
  • No animations.
  • Sound effects.
  • Can be used for addition, subtraction, multiplication, and division.

zen mode screenshot

📌 Attributions

Resource Source
All images in assets/img pngtree
Background music in zen mode black coffee by elijah who
Checkbox toggle switch https://codepen.io/marcusconnor/pen/QJNvMa
3D image on homepage SALY 3D-Illustration-Pack from Figma

🔨 To-Do

  • Add sitemap.
  • Add multiplication and division to tutorial.
  • Improve explanation when oveflow/underflow occurs.
  • Add option to vary difficulty in Rush mode.
  • Optimize assets