ibm-developer-skills-network · apinedaDeveloper · Nov 26, 2022 · Nov 26, 2022 · Nov 26, 2022
diff --git a/sentimentAnalyzeClient/package-lock.json b/sentimentAnalyzeClient/package-lock.json
diff --git a/sentimentAnalyzeClient/public/index.html b/sentimentAnalyzeClient/public/index.html
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Sentiment Analyzer</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/sentimentAnalyzeClient/src/App.js b/sentimentAnalyzeClient/src/App.js
@@ -49,9 +49,9 @@ class App extends React.Component {
         let output = data.label;
         let color = "white"
         switch(output) {
-          case "positive": color = "black";break;
-          case "negative": color = "black";break;
-          default: color = "black";
+          case "positive": color = "green";break;
+          case "negative": color = "red";break;
+          default: color = "yellow";
         }
         output = <div style={{color:color,fontSize:20}}>{output}</div>
         this.setState({sentimentOutput:output});

diff --git a/sentimentAnalyzeClient/src/EmotionTable.js b/sentimentAnalyzeClient/src/EmotionTable.js
@@ -2,22 +2,30 @@ import React from 'react';
 import './bootstrap.min.css';
 
 class EmotionTable extends React.Component {
-    render() {
-      //Returns the emotions as an HTML table
-      return (  
-        <div>
-          <table className="table table-bordered">
-            <tbody>
+  render() {
+    //Returns the emotions as an HTML table
+    return (
+      <div>
+        <table className="table table-bordered">
+          <tbody>
             {
               /*Write code to use the .map method that you worked on in the 
               Hands-on React lab to extract the emotions. If you are stuck,
               please click the instructions to see how to implement a map*/
+              Object.entries(this.props.emotions).map(function (mapentry) {
+                return (
+                  <tr>
+                    <td>{mapentry[0]}</td>
+                    <td>{mapentry[1]}</td>
+                  </tr>
+                )
+              })
             }
-            </tbody>
-          </table>
-          </div>
-          );
-        }
-    
+          </tbody>
+        </table>
+      </div>
+    );
+  }
+
 }
 export default EmotionTable;
diff --git a/sentimentAnalyzeClient/yarn.lock b/sentimentAnalyzeClient/yarn.lock
diff --git a/sentimentAnalyzeServer/client/asset-manifest.json b/sentimentAnalyzeServer/client/asset-manifest.json
@@ -0,0 +1,22 @@
+{
+  "files": {
+    "main.css": "/static/css/main.57d4a99a.chunk.css",
+    "main.js": "/static/js/main.b316f5aa.chunk.js",
+    "main.js.map": "/static/js/main.b316f5aa.chunk.js.map",
+    "runtime-main.js": "/static/js/runtime-main.6e0a20c5.js",
+    "runtime-main.js.map": "/static/js/runtime-main.6e0a20c5.js.map",
+    "static/js/2.3a7e392f.chunk.js": "/static/js/2.3a7e392f.chunk.js",
+    "static/js/2.3a7e392f.chunk.js.map": "/static/js/2.3a7e392f.chunk.js.map",
+    "static/js/3.2771e609.chunk.js": "/static/js/3.2771e609.chunk.js",
+    "static/js/3.2771e609.chunk.js.map": "/static/js/3.2771e609.chunk.js.map",
+    "index.html": "/index.html",
+    "static/css/main.57d4a99a.chunk.css.map": "/static/css/main.57d4a99a.chunk.css.map",
+    "static/js/2.3a7e392f.chunk.js.LICENSE.txt": "/static/js/2.3a7e392f.chunk.js.LICENSE.txt"
+  },
+  "entrypoints": [
+    "static/js/runtime-main.6e0a20c5.js",
+    "static/js/2.3a7e392f.chunk.js",
+    "static/css/main.57d4a99a.chunk.css",
+    "static/js/main.b316f5aa.chunk.js"
+  ]
+}
diff --git a/sentimentAnalyzeServer/client/favicon.ico b/sentimentAnalyzeServer/client/favicon.ico
diff --git a/sentimentAnalyzeServer/client/index.html b/sentimentAnalyzeServer/client/index.html
@@ -1,3 +1 @@
-<html>
-<h1>Welcome! This is the landing page of your server</h1>
-</html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>React App</title><link href="/static/css/main.57d4a99a.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,i,a=t[0],c=t[1],l=t[2],s=0,p=[];s<a.length;s++)i=a[s],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&p.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(f&&f(t);p.length;)p.shift()();return u.push.apply(u,l||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,a=1;a<r.length;a++){var c=r[a];0!==o[c]&&(n=!1)}n&&(u.splice(t--,1),e=i(i.s=r[0]))}return e}var n={},o={1:0},u=[];function i(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.e=function(e){var t=[],r=o[e];if(0!==r)if(r)t.push(r[2]);else{var n=new Promise((function(t,n){r=o[e]=[t,n]}));t.push(r[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({}[e]||e)+"."+{3:"2771e609"}[e]+".chunk.js"}(e);var c=new Error;u=function(t){a.onerror=a.onload=null,clearTimeout(l);var r=o[e];if(0!==r){if(r){var n=t&&("load"===t.type?"missing":t.type),u=t&&t.target&&t.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,r[1](c)}o[e]=void 0}};var l=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(t)},i.m=e,i.c=n,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(r,n,function(t){return e[t]}.bind(null,n));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this.webpackJsonpsentimentanalyzeclient=this.webpackJsonpsentimentanalyzeclient||[],c=a.push.bind(a);a.push=t,a=a.slice();for(var l=0;l<a.length;l++)t(a[l]);var f=c;r()}([])</script><script src="/static/js/2.3a7e392f.chunk.js"></script><script src="/static/js/main.b316f5aa.chunk.js"></script></body></html>
diff --git a/sentimentAnalyzeServer/client/logo192.png b/sentimentAnalyzeServer/client/logo192.png
diff --git a/sentimentAnalyzeServer/client/logo512.png b/sentimentAnalyzeServer/client/logo512.png
diff --git a/sentimentAnalyzeServer/client/manifest.json b/sentimentAnalyzeServer/client/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/sentimentAnalyzeServer/client/robots.txt b/sentimentAnalyzeServer/client/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/sentimentAnalyzeServer/client/static/css/main.57d4a99a.chunk.css b/sentimentAnalyzeServer/client/static/css/main.57d4a99a.chunk.css
diff --git a/sentimentAnalyzeServer/client/static/css/main.57d4a99a.chunk.css.map b/sentimentAnalyzeServer/client/static/css/main.57d4a99a.chunk.css.map
diff --git a/sentimentAnalyzeServer/client/static/js/2.3a7e392f.chunk.js b/sentimentAnalyzeServer/client/static/js/2.3a7e392f.chunk.js
diff --git a/sentimentAnalyzeServer/client/static/js/2.3a7e392f.chunk.js.LICENSE.txt b/sentimentAnalyzeServer/client/static/js/2.3a7e392f.chunk.js.LICENSE.txt
@@ -0,0 +1,41 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/** @license React v0.20.2
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/sentimentAnalyzeServer/client/static/js/2.3a7e392f.chunk.js.map b/sentimentAnalyzeServer/client/static/js/2.3a7e392f.chunk.js.map
diff --git a/sentimentAnalyzeServer/client/static/js/3.2771e609.chunk.js b/sentimentAnalyzeServer/client/static/js/3.2771e609.chunk.js