Imported from Vikash-Singh-Bhadoriya/opencode-learn (AGENTS.md). Install upstream with npx skills add Vikash-Singh-Bhadoriya/opencode-learn. Copyright stays with the author.

AGENTS.md - Expense Tracker Project Rules

Project Overview

Simple expense tracker: HTML, CSS, vanilla JavaScript. No frameworks, no build tools, no dependencies.

Development Approach

Work in phases; each phase ends with browser testing before moving on:

• Phase 1: add expense (name + amount) and display list - no validation
• Phase 2: add input validation and per-item delete button
• Phase 3: localStorage persistence

Structure

• index.html - page structure and form markup
• style.css - all styling
• script.js - all logic; expenses array is the single source of truth

Conventions

• Vanilla ES6+ JS only, single script.js file, no libraries/CDNs
• Semantic HTML elements
• Re-render the full list from state after every change
• Amounts displayed in INR (₹) format
• Avoid creating unnecessary files

Verification

After each phase, open index.html in a browser and test that phase's feature manually before proceeding.