How aniketbhardwajhere-rgb/spendwise works
This is a small browser-based expense and income tracker. A user switches screens, selects a transaction type, and submits a validated transaction; the app keeps transactions in memory, displays recent entries, and updates income, expense, and balance totals. The source shows the JavaScript behavior, but the HTML and README contents were not provided, so screen structure and documented capabilities cannot be confirmed beyond the selectors used by the script.
Main entry points: index.html App screens · logic.js Transaction creation · style.css Visual styling
Components 10
User interface
- App screens
index.html - Screen navigation
logic.js - Visual styling
style.css
Transactions
- Transaction form
index.html - Form validation
logic.js - Transaction creation
logic.js - In-memory transactions
logic.js - Recent transactions
logic.js
Summary
- Balance totals
logic.js
Other components
- User
Connections 11
- User → App screens: uses
- App screens → Screen navigation: click events
- User → Transaction form: enters details
- Transaction form → Form validation: input events
- Form validation → Transaction creation: validates
- Transaction creation → In-memory transactions: appends
- Transaction creation → Recent transactions: renders
- Recent transactions → In-memory transactions: reads latest
- Recent transactions → Balance totals: updates
- Screen navigation → App screens: activates screen
- Visual styling → App screens: styles