Week $7$ Pair Exercises: Cat Cards Context Congratulations on your new job at HazBro. You'll be working on their latest project, Cat Cards. To facilitate development, the VP in charge of this project split the development staff into three teams: Database, Frontend, and Backend. The VP placed you on the Backend team. The Frontend team developed their part of the application. However, they need you to provide the data so it works properly. They gave you the following API documentation: GET $/$api$/$cards: Provides a list of all Cat Cards in the user's collection. GET $/$api$/$cards$/\{$id$\}$: Provides a Cat Card with the given ID$.$ GET $/$api$/$cards$/$random: Provides a new, randomly created Cat Card containing information from the cat fact and picture services. POST $/$api$/$cards: Saves a card to the user's collection. PUT $/$api$/$cards$/\{$id$\}$: Updates a card in the user's collection. DELETE $/$api$/$cards$/\{$id$\}$: Removes a card from the user's collection. Cat Card JSON object structure Here's the JSON object structure for a Cat Card: $\{$ "catCardId" : an integer that represents this particular card's unique identifier, "imgUrl" : "A string containing the full URL to the cat image", "catFact" : "A string containing a cat fact", "caption" : "A string containing the caption for this particular card" $\}$ Cat Card collection example Here's an example collection of Cat Cards: $[\{$ "catCardId" : $17,$ "imgUrl" : $"$https:$//$cat$-$data.netlify.app$/$images$/$orange$-$and$-$white$-$cat$-$sleeping$-$in$-$yellow$-$blanket$-600$x$600.$jpg$",$ "catFact" : "Cats sleep $70\%$ of their lives.", "caption" : "Aww, this reminds me of Lefty! He slept CONSTANTLY." $\},\{$ "catCardId" : $38,$ "imgUrl" : $"$https:$//$cat$-$data.netlify.app$/$images$/$gray$-$cat$-$with$-$green$-$eyes$-768$x$768.$jpg$",$ "catFact" : "People who own cats have on average $2\mathrm{.}1$ pets per household, whereas dog owners have about $1\mathrm{.}6.",$ "caption" : "Bartender, I'll take a Salty $*$Cat$*"\}]$ Once you provide implementation for those endpoints and return properly formatted JSON objects in the agreed$-$upon schema, the application works. Hint: Consider starting with the controller method that provides a new, randomly created card. Database The Database team provided you with a script to create a local database and the DAO files to retrieve the data. You can implement your code without reviewing the implementation details of the DAO files. The interface provides you with enough information to complete your tasks. Cat data API There is a web API that provides you with random cat fact and cat picture data. You can use https:$//$cat$-$data.netlify.app$/$api$/$pictures$/$random to retrieve the URL of a random cat picture as a JSON object that looks like this: $\{"$file$"$:$"$https:$//$cat$-$data.netlify.app$/$images$/$cat$-$with$-$bananas$-527$x$600.$jpg$"\}$ Make sure to implement the RestCatPicService to call this endpoint and return the data as a CatPic object. You can use https:$//$cat$-$data.netlify.app$/$api$/$facts$/$random to retrieve a random cat fact as a JSON object that looks like this: $\{$ "status": $\{$ "verified": true, "sentCount": $1\},$ "type": "cat", "deleted": false, $"\_$id$"$: $"591$f$9890$d$369931519$ce$352$d$",$ "user": $"5$a$9$ac$18$c$7478810$ea$6$c$06381",$ "text": "A cat's tongue has tiny barbs on it$.",$ "updatedAt": $"2020-08-23$T$20$:$20$:$01\mathrm{.}611$Z$",$ "createdAt": $"2018-04-20$T$20$:$20$:$02\mathrm{.}940$Z$","\_\_$v$"$: $0\}$ Make sure to implement the RestCatFactService to call this endpoint and return the data as a CatFact object. Getting started Create a new Postgres database called catcards. Run the script database$/$catcards$.$sql in pgAdmin to set up your database. Note: You'll see a message that says that the "catcards" table doesn't exist the first time you run the create script. You can ignore the message. Launch this project by running it as a Spring Boot application. In your browser, navigate to http:$//$localhost:$8080.$ You'll see a page entitled "Welcome to Cat Cards." Initially, some items don't display properly on this page. As you implement the requirements of this exercise, return to the browser and refresh the page. The features of this page begin working.