https://github.com/bocaletto-luca/abacus

Abacus Web App is an interactive web application that simulates an abacus, the ancient counting tool used in mathematics. This digital version allows users to learn, practice, and understand basic arithmetic operations such as addition, subtraction, multiplication, and division using an abacus interface. 🎓 🔎 What is an Abacus? The abacus is ...
https://github.com/bocaletto-luca/abacus

abacus bocaletto-luca calculator css3 html5 javascript math mathematics opensource responsive webapp webgame

Last synced: 4 months ago
JSON representation

Abacus Web App is an interactive web application that simulates an abacus, the ancient counting tool used in mathematics. This digital version allows users to learn, practice, and understand basic arithmetic operations such as addition, subtraction, multiplication, and division using an abacus interface. 🎓 🔎 What is an Abacus? The abacus is ...

• Host: GitHub
• URL: https://github.com/bocaletto-luca/abacus
• Owner: bocaletto-luca
• License: gpl-3.0
• Created: 2025-06-02T11:28:23.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-09T22:04:29.000Z (about 1 year ago)
• Last Synced: 2025-06-11T17:14:53.000Z (about 1 year ago)
• Topics: abacus, bocaletto-luca, calculator, css3, html5, javascript, math, mathematics, opensource, responsive, webapp, webgame
• Language: HTML
• Homepage: https://bocaletto-luca.github.io/
• Size: 36.1 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🔢 Abacus Web App 🏗️  | WebAPP

#### Author: Bocaletto Luca

![HTML5](https://img.shields.io/badge/HTML5-%23E34F26.svg?&style=flat&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS3-%231572B6.svg?&style=flat&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-%23F7DF1E.svg?&style=flat&logo=javascript&logoColor=black)

[![Test Online](https://img.shields.io/badge/Test%20Online-Click%20Here-brightgreen?style=for-the-badge)](https://bocaletto-luca.github.io/Abacus/)

**Abacus Web App** is an **interactive** web application that simulates an **abacus**, the **ancient counting tool** used in **mathematics**. This digital version allows users to learn, practice, and understand **basic arithmetic operations** such as **addition**, **subtraction**, **multiplication**, and **division** using an **abacus interface**. 🎓  

🔎 **What is an Abacus?**  

The **abacus** is one of the earliest known tools for **calculations**, used in **ancient China, Rome, and Japan**. It consists of **rows of beads** that move on rods, helping users perform mathematical operations **quickly and visually**.  

---

## 🏆 Features  

- 🏗️ **Fully Interactive Abacus Simulation**  

- 🔢 **Supports Basic Arithmetic** (Addition, Subtraction, Multiplication, Division)  

- 🎨 **Modern & Intuitive UI** (Designed for learners & educators)  

- 🔄 **Real-Time Bead Movement** (Drag and manipulate beads easily)  

- 🎓 **Educational Mode:** Step-by-step guides for **learning abacus techniques**  

---

## 🎮 How to Use  

**1️⃣ Open the Web App**  

Access the **Abacus Web App** in a **modern browser** (Chrome, Edge, Firefox).  

**2️⃣ Move the Beads**  

Drag the **beads** along the **rods** to represent numbers.  

**3️⃣ Perform Calculations**  

Use the **abacus rules** to perform **addition, subtraction, multiplication, and division**.  

**4️⃣ Save & Export Your Work**  

Export calculations as **PNG, JPG, or PDF** with one click!  

---

## 🔗 Technologies Used  

| 🖥️ **Frontend** | ⚙️ **Backend** | 🗄️ **Database** | 🏗️ **Other Tools** |

|---|---|---|---|

| ![HTML](https://img.shields.io/badge/HTML5-%23E34F26.svg?&style=flat&logo=html5&logoColor=white) ![CSS](https://img.shields.io/badge/CSS3-%231572B6.svg?&style=flat&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/JavaScript-%23F7DF1E.svg?&style=flat&logo=javascript&logoColor=black) | ![Node.js](https://img.shields.io/badge/Node.js-%23339933.svg?&style=flat&logo=node.js&logoColor=white) ![Express](https://img.shields.io/badge/Express.js-%23000000.svg?&style=flat&logo=express&logoColor=white) | ![MongoDB](https://img.shields.io/badge/MongoDB-%2347A248.svg?&style=flat&logo=mongodb&logoColor=white) | ![Canvas](https://img.shields.io/badge/Canvas-%23FF5722.svg?&style=flat) ![jsPDF](https://img.shields.io/badge/jsPDF-%232A2A2A.svg?&style=flat&logo=javascript&logoColor=white) |

---

## 📜 Author  

**👨‍💻 Bocaletto Luca**  

Built with ❤️, **JavaScript**, and passion for **mathematics**! 🧮  

If you like **Abacus Web App**, ⭐ **star this repository** and help improve the project! 🚀  

---

## 🔗 License  GPL

This project is licensed under the **MIT License**.  

Feel free to **use, modify, and distribute** it freely! 😊  

---