front-end

front-end/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

front-end/.gitignore

@@ -0,0 +1,42 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# Compiled output
+/dist
+/tmp
+/out-tsc
+/bazel-out
+
+# Node
+/node_modules
+npm-debug.log
+yarn-error.log
+
+# IDEs and editors
+.idea/
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# Visual Studio Code
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# Miscellaneous
+/.angular/cache
+.sass-cache/
+/connect.lock
+/coverage
+/libpeerconnection.log
+testem.log
+/typings
+
+# System files
+.DS_Store
+Thumbs.db

front-end/README.md

@@ -1,5 +1,27 @@
-# Recipe-Finder
-Recipe Finder/Meal Crafter
+# FrontEnd
 
-Presentation:
-https://docs.google.com/presentation/d/1oz5f0kjOQny2-YOLVTRuRcdu9R6on-Q5/edit?usp=drive_link&ouid=109314456797748152200&rtpof=true&sd=true
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.3.2.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

front-end/angular.json

@@ -0,0 +1,100 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "front-end": {
+      "projectType": "application",
+      "schematics": {},
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:application",
+          "options": {
+            "outputPath": "dist/front-end",
+            "index": "src/index.html",
+            "browser": "src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
+            "tsConfig": "tsconfig.app.json",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "src/styles.css"
+            ],
+            "scripts": [],
+            "server": "src/main.server.ts",
+            "prerender": true,
+            "ssr": {
+              "entry": "server.ts"
+            }
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kb",
+                  "maximumError": "1mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "front-end:build:production"
+            },
+            "development": {
+              "buildTarget": "front-end:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "buildTarget": "front-end:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "src/styles.css"
+            ],
+            "scripts": []
+          }
+        }
+      }
+    }
+  }
+}

front-end/db.json

@@ -0,0 +1,28 @@
+{
+    "recipes": [
+{
+    "id": 0,
+    "name": "Spaghetti Bolognese",
+    "category": "Pasta",
+    "photo": "https://static.fanpage.it/wp-content/uploads/sites/22/2021/06/spaghetti-bolognese.jpg",
+    "ingredients": "2 cloves of garlic, 1 onion, 2 sprigs of fresh rosemary, 6 rashers dry-cured higher-welfare smoked streaky bacon, olive oil, 500 g minced beef, 200 ml red wine, 1 x 280 g jar of sun-dried tomatoes, 2 x 400 g tins of plum tomatoes, 500 g dried spaghetti, Parmesan cheese, extra virgin olive oil",
+    "method": "Preheat the oven to 180ºC/350ºF/gas 4. Peel and finely chop the garlic and onions, pick and finely chop the rosemary, then finely slice the bacon. Heat a splash of oil in a casserole pan on a medium heat, add the bacon, rosemary, garlic and onion and cook for 5 minutes, or until softened, stirring occasionally. Add the minced beef, breaking it apart with the back of a spoon, then cook for 2 to 3 minutes, or until starting to brown, then pour in the wine. Leave to bubble and cook away. Meanwhile, drain and tip the sun-dried tomatoes into a food processor, blitz to a paste, then add to the pan with the tomatoes. Stir well, break the plum tomatoes apart a little. Cover with a lid then place in the oven for 1 hour, removing the lid and giving it a stir after 30 minutes – if it looks a little dry at this stage, add a splash of water to help it along. About 10 minutes before the time is up, cook the spaghetti in boiling salted water according to the packet instructions. Once the spaghetti is cooked, drain, reserving a mugful of cooking water, then return to the pan with a few spoons of Bolognese, a good grating of Parmesan and a drizzle of extra virgin olive oil. Toss to coat the spaghetti, loosening with a splash of cooking water, if needed. Divide the spaghetti between plates or bowls, add a good spoonful of Bolognese to each, then serve with a fine grating of Parmesan.",
+    "time": "1 hour 15 minutes",
+    "vegan": "No",
+    "tricky": "Super easy",
+    "portions": 6
+  },
+  {
+    "id": 1,
+    "name": "Ramen",
+    "category": "Soup",
+    "photo": "https://japanalytic.com/wp-content/uploads/2016/07/ramen-2.jpg",
+    "ingredients": "8 higher-welfare chicken wings, 1 handful of pork bones (ask your butcher), 750 g higher-welfare pork belly (skin removed and reserved), 3 thumb-sized pieces of ginger, 7 cloves of garlic, sesame oil, 1 heaped tablespoon miso paste, 400 g baby spinach, 500 g dried soba or ramen noodles, 8 small handfuls of beansprouts (ready to eat), 8 spring onions, 1 to 2 fresh red chilles, 2 sheets of wakame seaweed, 8 tablespoons kimchee, chilli oil, 4 large free-range eggs, 200 ml low-salt soy sauce, 1 splash of mirin, 4 star anise",
+    "method": "To make the soy sauce eggs, boil the eggs for 5 minutes, then refresh in cold water and peel. Pour the soy sauce and 250ml of water into a small pan with the mirin and star anise. Peel, slice and add the ginger and garlic, then bring to the boil, remove from the heat, leave to cool and pour into a sandwich bag with the eggs. Squeeze out the air, seal, and pop into the fridge for 6 hours, then drain (this is important). Preheat the oven to 200°C/400°F/gas 6. Put the chicken wings and pork bones into a large casserole pan. Bash and add the unpeeled ginger and garlic, then toss with a good drizzle of sesame oil. Put the pork skin on a baking tray and place both tray and casserole pan in the oven for around 40 minutes, or until the skin is perfectly crackled, then remove for garnish. This is also the perfect time to transfer the casserole pan to the hob, adding in the pork belly and miso. Cover with 3 litres of water, bring to the boil, then simmer gently on a low heat for around 3 hours, or until the pork belly is beautifully tender, skimming the surface occasionally. Lift the pork belly onto a tray and put aside, then sieve the broth and pour back into the pan. Return to the heat and reduce the liquid down to around 2.5 litres. While doing this, put a large colander over the pan and steam the spinach until it’s wilted. Let it cool, then squeeze out the excess moisture and divide into 8. In a separate pan, cook the noodles according to packet instructions, then drain and divide between 8 large warm bowls with the beansprouts and spinach. Slice and divide up the pork, then halve the eggs and place around the bowls. Trim the spring onions, finely slice with the chilli, and sprinkle between the bowls. Taste the broth and season with soy sauce, then ladle the steaming broth over everything. Tear over the seaweed and divide up the kimchee. Drizzle with chilli oil, then break over the crackling. Slurp away!",
+    "time": "4 hours plus marinating",
+    "vegan": "No",
+    "tricky": "Not too tricky",
+    "portions": 8
+  }
+]
+}