Math Learning App Link to heading

Overview Link to heading

A kid-friendly interactive web application designed to help children learn and practice multiplication tables. Created initially to help my own kids with their math practice, this app provides a clean, safe learning environment without advertising or data collection.

Educational Philosophy Link to heading

This project was born from a simple parental need: finding a way to help my children practice their times tables without the distractions and privacy concerns that come with many educational apps. The result is a completely free tool that prioritises learning over profit.

Key Features Link to heading

• Interactive multiplication practice - Engaging exercises to reinforce learning
• Kid-friendly interface - Clean, intuitive design suitable for children
• No advertising - Distraction-free learning environment
• No data collection - Complete privacy protection for young users
• Progressive difficulty - Adaptive learning structure
• Immediate feedback - Real-time responses to help with learning
• Accessible design - Works on tablets, phones, and computers

Technical Implementation Link to heading

Technology Stack Link to heading

• Framework: Quasar (Vue.js based)
• Development: Hot-code reloading with error reporting
• Quality: Integrated linting capabilities
• Deployment: Firebase hosting for reliable access

Development Setup Link to heading

# Install dependencies
yarn  # or npm install

# Start development mode with hot-reload
quasar dev

# Lint the files
yarn lint

# Build for production
quasar build

Privacy and Safety Link to heading

• Zero data collection - No user information is stored or transmitted
• No third-party tracking - Complete privacy protection
• Ad-free experience - No commercial interruptions
• Safe for children - Designed with child safety as a priority

Educational Impact Link to heading

The app focuses on building multiplication fluency through:

• Repetitive practice with varied question formats
• Positive reinforcement for correct answers
• Progress tracking without storing personal data
• Customisable difficulty levels

Open Source Contribution Link to heading

This project demonstrates how educational technology can be:

• Community-driven rather than profit-motivated
• Privacy-focused by design
• Freely accessible to all families
• Transparent through open source development

Live Demo Link to heading

Experience the app directly at xtables-game.web.app

The application showcases how modern web technologies can be used to create meaningful educational tools that serve families without compromising on privacy or introducing commercial distractions.