We are going to implement an expense record system for personal use. It’s used to record daily expenses, and do query, and deletion operations. The expense record includes the following information: description, type, amount, date For example: lunch, meal, 50, 20221010

AC1: GIVEN there is no expense data, WHEN user visits page, THEN the page does not show any expense data.

AC2: GIVEN page without any data, WHEN user types expense information and clicks add button, THEN the page shows the newly added expense data.

AC3: GIVEN page with some data, WHEN user visits page, THEN the page shows all expense data.

AC4: GIVEN page with some data, WHEN user types expense information and clicks add button, THEN the page shows the newly added expense data on the top.

AC5: GIVEN page with some data, WHEN user clicks delete button next to expense, THEN the page no longer shows the deleted expense.

• Git commit with baby steps
• Follow commit specifications https://www.conventionalcommits.org/en/v1.0.0/
• Write tests for frontend and backend

• backend test Run dotnet test under root catalogue and view test result
• frontend test Go to the catalogue ExpenseRecord/ClientApp, and run ng test

• Go to the catalogue ExpenseRecord/ClientApp
• ng generate component COMPOENT_NAME --module app

• C# https://learn.microsoft.com/en-us/dotnet/csharp/
• ASP.NET Core https://learn.microsoft.com/en-us/aspnet/core/getting-started
• Angular https://angular.io/ https://angular.io/guide/testing
• Typescript https://www.typescriptlang.org/docs/