smart wishlist.
ROLE:- designer|
- coder
This application is a tool for those who need a hand with the prioritization of the items that would like to buy. Each item's value is calculated based on some factors that the user can adjust (cost, resale value, investement value etc). When a budget is provided, the app finds the set of items that fit within the budget and maximize the overall value. The user has the option to export/import the data of the app to another computer (json file). This app was designed in Figma and it was built using Angular 17, and Angular-Material frameworks. It is deployed to Netlify.
- Angular|
- TypeScript|
- SCSS|
- Figma
1
At first the user must create a wishlist. They can edit the title of the list and choose a matching category. Each of the available categories has a different set of weights for the factors of its items. A custom category can be created and its weights can be adjusted accordingly.
2
The user can add an item to the list and set the cost, as well as other factors that will determine the item's value (points). Another way that the user can add an item is by inserting an existing item (cloning) even if it's from another list.
3
Since there is no budget set for the list, the items are sorted by their value.
4
When a budget is provided, then the best solution is calculated where the overall value is maximized (solving the knapshack 1/0 problem with dynamic programming). The selected items are grouped with a green border while the remaining items are sorted underneath by their value.
5
Of course there is a dark mode available for this app for those who can't stand its bright white design.
