22 Expenses Tracker.md

# Expenses Tracker

A web app where users can track their business expenses.

---

## Testing

You are required to create the following accounts to allow the system to be tested. All accounts should have the password `p455w0rd`:

1. `user1`
2. `user2`
3. `manager1` (line manager for `user1`, only needed for stage 2 functionality).
4. `manager2` (line manager for `user2`, only needed for stage 2 functionality).

---

## Stage 1

The core functionality consists of three screens.

### Part 1

A home screen where each `user` can see a list of all the expenses they have incurred plus a running total. Each user should only see their own expenses Each item should display:

1. The date the expense was incurred (using the format DD/MM/YYYY).
2. A short one line label.
3. The amount in GBP.

### Part 2

Clicking on an expense label should display the details for that particular expense which should include:

1. The date of the expense (but not the time using the format DD/MM/YYYY). expenses should be listed in date order with the most recent at the top.
2. The category.
3. The label.
4. The description of the expense.
5. A thumbnail image of the scanned receipt, clicking this should enlarge it.

### Part 3

A screen where new expenses can be added. This should ask the user for:

1. The date (this should default to the current date and be selected using a date picker).
2. A category to be picked from one of the following four categories: travel, food & drink, accomodation, other.
3. A short label (used on the home screen).
4. A multi-line description of the expense.
5. An upload tool to upload a scanned copy of the receipt from the `user's` computer.

---

## Stage 2

The stage 2 functionality requires you to add a `manager's` console to the web app. One of the accounts needs to be flagged as the manager's and the following screens must only be accessible to this user:

1. The home screen should contain the total amount paid out in expenses to date plus a summary all the users including:
    1. Their profile picture.
    2. Their name (first and last).
    3. The total unclaimed expenses (see third screen).
2. Clicking on the name or profile picture of a user should display the detailed expenses screen for that user (the same information as the normal user's home screen). It should also allow each expense to be clicked to view the details page (same as the normal user in the sate 1 functionality).
3. The detailed expense screen should include a button/link against each user labelled "Approve expenses". Clicking on this should:
    1. Hide all the current expenses.
    2. Increment the total money paid out by the amount being claimed by the user. This will also reset the amount outstanding to 0.
    3. Send the user an email that includes how much will be paid to them for their expenses claim.