This is not your typical recipe app.
My Foods will help you to look for your next delicious meal! Search your meals based on their category or their country of provenience.
The search page will allow you to search meals by their name.
When you find your favourite meal you can save it to your favourites by clicking on the heart.
This app is currently only for mobile devices.
Design inpired by Adhiari Subekti.
Technologies used:
- HTML
- CSS
- VANILLA JAVASCRIPT
This project was built in an OOP (object oriented programming) style.
Data was retrieved from a public api TheMealDB.
I used async/await together with fetch to grab the data from the api. Favourite meals are persisted to local storage. High order functions have been used to iterate through data. There is a lot of DOM manipulation and event listeners. CSS animation was used to animate the heart on click. The page colors are stored in CSS variables.
