An open API service indexing awesome lists of open source software.

https://github.com/ktojan/expenses-tracker-demo-angular19

Demo finance tracker with Angular 19 features
https://github.com/ktojan/expenses-tracker-demo-angular19

angular angular-material angular19 cypress e2e signals

Last synced: 24 days ago
JSON representation

Demo finance tracker with Angular 19 features

Awesome Lists containing this project

README

          

# ExpensesTrackerDemoAngular19

This is my demo Angular project of expences-incomes tracker for a possible "Galaxy traveller" (thanks to Douglas Adams). Implemented in January 2025.

## Business logic and tech task in brief:

- Angular latest version (19) and its features: signals, standalone components, zoneless
- User should be able to add\remove expenses and incomes, view balance and filter records.
- User can add records through a form: (Name, Amount, Category, Date)
- All data must be stored in localStorage so that records persist after a page reload.
- Readable and understandable names of variables, classes, functions and methods

Not required: responsive design/crossbrowser, performance, security, ARIA.

![tracker19_2](https://github.com/user-attachments/assets/898eea2f-ede8-4157-b3b0-0edfd3f04486)

![expences19_demo](https://github.com/user-attachments/assets/9b1dddd0-5d61-49f0-8ca8-5ea29bfd8c7a)

## Development server

Run `npm install`, then `npm start` (Node >= 16) for a dev server. Navigate to `http://localhost:4200/`.

## Running end-to-end tests

For end-to-end (e2e) testing run:

```bash
npx cypress open or ng e2e
```

![expences19_cypress](https://github.com/user-attachments/assets/32b8caef-540b-48b6-8b9f-eb152fd36558)

P.S.
Thanks Douglas Adams for his "The Hitchhiker's Guide to the Galaxy"! :-)