Let's see what the next step is. Well, now it wants me to go back to the client side and finish that part off. Let's do that. Let's close this file, and I'm going to CD into the Client folder. The first step is npm install to make sure I have all the dependencies on the client side. If you were to look at this Client folder, if I go to package.json, that's where all my dependencies live, you can see it's got a couple of dependencies including React, which makes sense. Right here, react, react-dom, react-scripts, and all these different components or libraries are used to create the React parts of the front end, as well as to be able to run or start my application. If you look under the scripts, you can see to start, if I do an npm start, it'll call the react-scripts as well. Next thing it wants me to do is open the app.js file under the Source folder and change some colors. I'll leave that for you to finish. What I do want to show is this EmotionTable.js component, and in this component you, can see this emotion table extends the react components, and then I have my render method that tells it what to render. You can see here, natural language understanding service returns an array or an object with an array inside and we're using a map function here to go through that array and render the individual entries on the screen. Let me actually do that here. Again, I'm going to format this code. You can see here inside my table body, I'm saying, for each thing that comes back, create a new row. The first thing that comes back is the actual emotion or sentiment, and the second thing is the confidence score for that emotion, as you'll see in a minute. Let me clear the screen in the terminal. The final step here is to run this build script, so npm run-script build, and this will actually do a couple of things. If I go back to package.json while that is going on, let's go back to package.json. If I look at the build scripts, essentially is doing this command. It's building my project and then it's moving that Build folder into my Server folder under the Client. If I go back to my Server folder, you can see under Client, now I have to whole react.js application built out and sitting inside the Client folder in the server. If you remember, when we first scrolled on the server side, we were getting the simple page. If I were to do it again after starting the server, I'll see my built client. Let's actually do that. Now I'll go back to the Client folder or the Server folder. My client has been copied into my Server folder, and I think that one step I missed before was in this file here. I'm using dot to start env, but I never imported it, so let me do that. Dotenv equals require dotenv. That should do it. Now I'm going to do an npm start on the server side, and my server is again listening on port 8080. By the way, it's completely possible that I deleted that line by mistake so I do add it back in. Now if I go to my port 8080 and launch it in my development environment, you'll see now it's showing me something different than what was there before. Now I can say, I am enjoying my day today. If I analyze the sentiment, you'll see it'll come back with a positive sentiment. Great. If I analyze emotion, it'll come back with, these are not sorted by the way, but you can see joy is the largest emotion that has come back with. I wish my day was not so bad. In this case, you'll see emotion of sadness is very high compared to the emotion of joy. Let's go back to the lab environment for a quick second. That's the end-to-end that you've been asked to develop in this final project. There's a bunch of other tasks that I didn't go through here, but if you have any questions, please do ask it in the forum. The final step here is to push all of your work to your GitHub fork, which you will then submit for peer evaluation.
