learnwithleon · oliviag-commits · Feb 14, 2021
diff --git a/beer-app-/Images/pexels_beer.jpg b/beer-app-/Images/pexels_beer.jpg
diff --git a/beer-app-/README.md b/beer-app-/README.md
@@ -0,0 +1,7 @@
+# BrewPairology (Mobile Friendly) Website App 
+
+Discover recommendations to find the perfect brew for you based on your food choice.
+
+https://brewpairology.netlify.app/ 
+
+[![Netlify Status](https://api.netlify.com/api/v1/badges/0f33ae88-5920-4298-9a2a-2b9b500e747d/deploy-status)](https://app.netlify.com/sites/brewpairology/deploys)
diff --git a/beer-app-/index.html b/beer-app-/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Brew Pairology</title>
+
+
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap" rel="stylesheet">
+    <!-- Onsen framework links -->
+    <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css">  
+    <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css">
+</head>
+<body>
+
+    <ons-page modifier="full_bg">
+        <ons-toolbar>
+            <div class="center">Brew Pairology</div>
+        </ons-toolbar>
+
+        <section id="container">
+            <p></p><ons-input id="food" modifier="underbar" 
+            class="search-input search-input--material"
+            placeholder="Type food (ex burger) "></ons-input>
+
+            <p><ons-button modifier="large"
+                class="button button--material" id="buttonSearch">Lookup
+            </ons-button></p>
+
+                <!-- API result -->
+                <div id="result"></div>
+        </section>
+    </ons-page>
+
+    <!-- Javscript link -->
+    <script src="index.js"></script>
+    <script src="https://unpkg.com/onsenui/js/onsenui.min.js"></script>
+</body>
+</html>
diff --git a/beer-app-/index.js b/beer-app-/index.js
@@ -0,0 +1,46 @@
+const buttonSearch = document.getElementById('buttonSearch');
+const textSearch = document.getElementById('food');
+const resultArea = document.getElementById('result');
+let resultString = "";
+
+buttonSearch.onclick = function() {
+    var searchTerm = textSearch.value;
+
+    const url = `https://api.punkapi.com/v2/beers?food=${searchTerm}`;
+    console.log(url);
+
+    if (!('fetch' in window)) {
+        console.log('Fetch API not found, try including the polyfill');
+        return;
+      }
+
+    //Proceeding to fetch 
+    fetch(url)
+    .then(function(data) {
+        return data.json();
+    })
+    .then(function(jsonObject) {
+        console.log(jsonObject);
+        for(beer in jsonObject) {
+            const beerInfo = new Array(jsonObject[beer].name, jsonObject[beer].tagline,jsonObject[beer].description,
+            jsonObject[beer].image_url)
+            beerOut(beerInfo);
+        }
+        resultArea.innerHTML = resultString;
+    })
+    .catch(function(error) {
+        console.log('Looks like there was a problem: \n', error);
+    });
+}
+
+function beerOut(beer) {
+    console.log(beer)
+    resultString += `<div class="beer">
+        <div class="beerImage"><img src="${beer[3]}"/><div>
+        <div class="beerText">
+            <h2>${beer[0]}</h2>
+            <h3>${beer[1]}</h3>
+            <p><em>${beer[2]}</em></p>
+            </div><!--beerText-->
+            </div><!--beer-->`;
+}
diff --git a/beer-app-/node_modules/python/LICENSE.txt b/beer-app-/node_modules/python/LICENSE.txt
diff --git a/beer-app-/node_modules/python/README.md b/beer-app-/node_modules/python/README.md
diff --git a/beer-app-/node_modules/python/example/app.js b/beer-app-/node_modules/python/example/app.js
diff --git a/beer-app-/node_modules/python/lib/python.js b/beer-app-/node_modules/python/lib/python.js
diff --git a/beer-app-/node_modules/python/package.json b/beer-app-/node_modules/python/package.json
diff --git a/beer-app-/node_modules/python/test/python.test.js b/beer-app-/node_modules/python/test/python.test.js
diff --git a/beer-app-/package-lock.json b/beer-app-/package-lock.json
diff --git a/beer-app-/package.json b/beer-app-/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "beer-app",
+  "version": "1.0.0",
+  "description": "Pairology beer app that offers recommendations for beer with food pairings.",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Yamilet G.",
+  "license": "ISC",
+  "dependencies": {
+    "python": "0.0.4"
+  }
+}