Point Tracker

A simple, mobile-first point tracking app for rewarding children's behavior and activities.

Try It Now

No installation required! Use the app directly at: https://asocpro.github.io/point-tracker/

Features

• Track Multiple Children: Add unlimited children with custom colors
• Easy Point Management: Add or remove points with a touch-friendly number pad
• Transaction History: View the last 3 transactions for each child
• Persistent Storage: All data saved locally using localStorage
• Mobile-First Design: Optimized for mobile phones with large touch targets
• No Server Required: Works completely offline

How to Use

1. Open index.html in your web browser
2. Click "Edit" to add your first child
3. Enter a name and choose a background color
4. Tap on a child to add or remove points
5. Use the number pad to enter amounts and confirm transactions

Quick Start

Simply open the index.html file in any modern web browser. For the best experience:

• Use on a mobile device
• Add to your home screen for quick access
• All data is stored locally in your browser

Technical Details

• Pure Vanilla JavaScript: No frameworks or dependencies
• Single HTML File: Easy to deploy anywhere
• LocalStorage Backend: No server or database needed
• Mobile-First CSS: Responsive design that scales to larger screens

Files

• index.html - Main application structure
• styles.css - Mobile-first styling
• app.js - Application logic and localStorage management

Features in Detail

Main Page

• View all children and their current point totals
• Edit mode for managing children (add, delete, reorder)
• Custom background colors for each child

Point Management

• Touch-friendly number pad
• Add or remove points with confirmation
• View recent transaction history
• Prevents negative point balances

Data Persistence

All data is stored in your browser's localStorage, so it persists between sessions without requiring any backend server.

License

Free to use and modify as needed.