CodersCamp2021-FirstProject
Food api https://spoonacular.com/food-api
Roles
Tech lead Kuba, Agata
Development Manager Adrian, Mateusz
Product Owner Sylwia, Paweł
Introduction
This project was developed during CodesCamp 2021 mentorship program as a proof of concept of being able to apply in practie our development skills in HTML, CSS & primarly JavaScript.
Concept was to create food focus app showing diffent possible production solution with application of chosen API data, like:
- food related news
- recipe picker
- shopping list/basked based on selected recipes
- wine selector
- wine and food paring
- search facility for prefered food in available take-aways
- display of nutiritional values and information of selected dishes
Technologies
- JavaScript - vanilla
- HTML 5
- CC3
Subjects covered
variables oprators loops arrays & objects functions logical operators REST API DOM Manipulation external libraries modules asyncronicity callbacks HTTP requests
Launch
TO BE WRITTEN
Instructions
npm install or npm -i - to install required modules & dependecies
npm run build - to build production/deployment ready project
npm run dev - to enable localhost preview server
Features Overview
Main Menu / Food related news
The goal was to be create main page view with a menu allowing for navigation through the application. Main page was designed to display recent food related news from various sources using an REST API as a source of data. The aim was also to give user level of customization by choosing from following topics: Food, Wine, Restaurant and making this option persistent with application of local storage for user conveniance.
Subpage / Shopping List
Accessible from the navigation panel under the name SHOPPING LIST. The idea was to create a subpage with an application, which allows users to form a shopping list with ingredients, based on the recipes, that can be searched using the search bar. An additional feature is the display of the average price for each ingredient and the total cost below the entire list.
