math-edu

Math tools for education — an interactive collection of mathematical utilities for students and teachers.

Linear Equation Graphs

Graph multiple linear equations with dynamic add/remove and auto-numbering. Supports standard form (4x + 5y = 2), slope-intercept (y = 2x + 3), and vertical/horizontal lines.

Features:

• Add/remove lines with auto-numbering (l1, l2, l3...)
• Canvas-based graph with grid, axes, and labels
• Intersection points marked with coordinates
• Toggle between decimal and fraction display

Development

npm install      # Install dependencies
npm run dev      # Start dev server
npm run build    # Production build
npm run test     # Run tests
npm run lint     # Lint check

Offline Build

npm run build
node scripts/inline-build.mjs

Produces dist/offline.html — a single self-contained HTML file that works without any network connection.

Tech Stack

• React 19 + TypeScript 6 + Vite 8
• Vitest for testing
• ESLint + Prettier + Husky for code quality
• GitHub Actions CI/CD (deploy to GitHub Pages, semantic-release)