Implementing a layout from the "Dinner Planner" prototype [Labs DH2642]
- Responsive web pages for desktop/ and mobile screens using bootstrap 4.0.0
- Video play in background
- CSS/ Javascript effects
- Designed according to the proposed prototype :)
- Divisions expand/ collapse in mobile screens and hidden in desktop screens with CSS/ jQuery effects.
- Autocomplete for prefered dishes based on type of selected dish.
- Implemented in one page with different controllers and view.
- MVC project. Data fetched using json called to a state-of-the-art Spoonacular Recipe API (https://market.mashape.com/spoonacular/recipe-food-nutrition)
- Implement the observer pattern so that views are updated automatically when data are added, changed or deleted.