simple Vue.js frontend project
Budget: €8 – €30 EUR
Description:
Imagine that you are the host of a small cocktail party for your friends! You might need a list of possible cocktails that you could serve them.
But you might not have all the ingredients at hand, so you can’t just create any cocktail from that list. You should create a list of the ingredients that you already have available (e.g. Tequila, cranberry juice or soda).
When you note down the available ingredients, you should also add their expiry date to your inventory of ingredients.
You want to make sure that you don’t serve expired drinks to your friends!
Now with the list of cocktails and your current inventory, you should be able to automatically generate a list of cocktails, that you can prepare.
Goal:
Create a solution where you can edit your inventory of ingredients. You should be able to add/update/remove ingredients including their expiry date.
Based on your inventory, you should get a list of cocktails you can make. A suggestion should show up if and only if all ingredients needed to make it are available and not expired.
The inventory should be persistently stored in local storage, so that you don’t need to recreate it everytime you host a cocktail party.
Do not forget input validations.
You need to have as an outcome:
A web frontend following the mobile first approach
Simple tests in Cypress
Imagine that you are the host of a small cocktail party for your friends! You might need a list of possible cocktails that you could serve them.
But you might not have all the ingredients at hand, so you can’t just create any cocktail from that list. You should create a list of the ingredients that you already have available (e.g. Tequila, cranberry juice or soda).
When you note down the available ingredients, you should also add their expiry date to your inventory of ingredients.
You want to make sure that you don’t serve expired drinks to your friends!
Now with the list of cocktails and your current inventory, you should be able to automatically generate a list of cocktails, that you can prepare.
Goal:
Create a solution where you can edit your inventory of ingredients. You should be able to add/update/remove ingredients including their expiry date.
Based on your inventory, you should get a list of cocktails you can make. A suggestion should show up if and only if all ingredients needed to make it are available and not expired.
The inventory should be persistently stored in local storage, so that you don’t need to recreate it everytime you host a cocktail party.
Do not forget input validations.
You need to have as an outcome:
A web frontend following the mobile first approach
Simple tests in Cypress