Connecting the ThemePostList & PostDetail APIs

As I'd worried, a CORS error came up. I tried creating a setProxy.js file on the front end to handle it separately, but that didn't fix it, and once I declared the @CrossOrigin annotation on the controller in the back-end files, every problem was cleanly resolved.

Each time an onClick event fires in ThemeSlide, I receive the selected Theme and fetch the postList with the useEffect hook. Then I declared the postList array as state and passed it to the PostList Component as Props.

I declared the Type of the received Props based on the incoming data, as follows.

But my teammates pointed out that if we only run it locally, everyone's personal desktop environments would all have to be the same, which could be a hassle, so we're now going the route of deploying the API!