App Info:

• Team Name: The LEAKs
• App Name: Budgetify
• App Link: https://leaksp2-239a7.web.app/

Team

• Luisa Jimenez Alarcon
• Lana Berge
• Erik Rossing
• Amelie Elmquist
• Khalid Ahmed

Key Features

**The most challenging features implemented

• Budgeting: Updating chart data in real time. The data passed to the chart components needed to be in the computed function instead of watch so it would update properly.
• Search: Category/tag sorting - for Purchased List, there can only be one category assigned to an item, while Wish List can have multiple ("tags" instead of a "category").

Device integration(s)?

• Camera integration: When on mobile, the user can take a photo of the item to add to their Wish List/Purchased List.

Mockup images

LINK TO OUR FIGMA MOCKUP: https://www.figma.com/file/WsJ8sowVenNpUuQe2c2vRN/The-LEAKS-Lofi-Prototype?node-id=0%3A1

Testing Notes

• There are no notes for testing.

Screenshots of Site (complete)

Splash Page:

Wish List:

Purchased List:

Budgeting:

Upload:

Item:

External Dependencies

• Font Awesome (https://fontawesome.com/) was used for icons throughout.
• FlatIcon (https://www.flaticon.com/free-icon/empty-folder_6598519?term=empty&page=1&position=4&page=1&position=4&related_id=6598519&origin=search) was used for the default image when the user does not upload an image.
• Chart.js (https://www.chartjs.org/) was used on the budgeting page.