Here is the deliverable. I gave myself one workday (8 hours) extra to get this done and I was able to set up the API just fine and only had a couple issues with how Vue and Axios handle props passing and GET requests, respectively. To run my program do the following
- Do git clone to get the repository.
- Go to webservice and run
npm start, this will start the server. - Open another instance of terminal, go to webapp and run
npm run devto start the application. - Go to http://localhost:8080 to view the front-end and http://localhost:8081 to view the back-end json responses.
Like I said I had a few hiccups with how Axios was handling my GET request and it took a bit of finagling to get it to work. After that I really wanted to get the results to show up in another page and spent a good 2-3 hours working on getting a new component to take care of that but I couldn't get it working in time. Defaulted to using the same component for display as well. In the future I would love to get the results display working on another page and also edit the styling a bit to give the page a bit more pizzaz! Here is a screenshot:
