Skip to content

Home budgeting app frontend, Angular 11, PWA, Angular Material, RxJS, NGRX, JWT

Notifications You must be signed in to change notification settings

krybc/budget-app

Repository files navigation

Home budgeting - app

About

This is a front-end of home budgeting app.

Installation

$ npm install

Running the app

Dev

$ npm run start

Open http://localhost:4200 url in web browser.

Prod

Edit src/environments/environment.prod.ts file and set apiUrl param which must be url to installed budget-api repository.

$ npm run build

Handle build directory by web server (eg. Nginx or Apache).

Roadmap

0.9.0

  • Feature: Order contractors by transaction's interval by default

0.8.0

  • Feature: Change password

0.7.0

  • Feature: Monthly budget planning
  • Feature: Progress bar of monthly budget plan realisation on budget table
  • Feature: Current month plan realisation on dashboard

0.6.0

  • Feature: Statistics for contractors
  • Feature: Statistics for accounts
  • Feature: Many categories to one transaction
  • Travis CI and Coveralls integration
  • Unit tests for NGRX store

0.5.0

  • Feature: Add icons to categories
  • Feature: Add color to parent categories
  • Feature: Show categories on charts of dashboard in selected color

0.4.1

  • Fix: Unselectable categories select input on params of the transaction list
  • Fix: Month and category query params not handled on transaction list
  • Fix: Category query param handling on add transaction
  • Fix: Parent query param handling add category

0.4.0

  • Feature: Categories order changing by drag'n'drop

0.3.0

  • Feature: Quarterly expenses by categories chart on dashboard
  • Feature: Quarterly cash flow chart on dashboard
  • Refactoring: NGRX for state management
  • Upgrade Angular to v11

0.2.0

  • Enable serving app as PWA

0.1.0

  • Removing transaction
  • Removing category group
  • Removing category
  • Add modals for delete operations confirmation
  • Transactions list filtering by month