Friday exercise

In SP-2, we built a bunch of Javalin powered APIs. The time has come, where we soon will have to develop frontend applications that can be served by these APIs. We will do that in SP-3.

We assume that you want to use your own API, that you deployed in SP-2, for your SP-3 frontend application. If you dont have one, you can send a mail to tha@ek.dk, so we can help you get access to an API that you can use.

You should create and deploy (1 per team) a React application that can display:

1. The vison of the API. What is it about?
2. The endpoints of the API. In a table like this.
3. A link to the deployed API.
4. A link to the repository of the API. In case your student colleagues wants to see the code.
5. Any ideas for the frontend application that will use the API. It could be some mockups or a description of the application. Whatever you can come up with. It doesn’t have to be a lot, but take as a brainstorm.

The React application should be built with these technologies:

1. React Router. You should have at least three routes. A main page, a vision page, and an endpoints page. But feel free to add more.
2. Use CSS Modules for styling.
3. Make the website responsive. Use media queries and flexbox/grid to make it look good on all devices.
4. Add a nice image to the main page. It could be a logo or something that represents the API. The image resolution should be 300x300 pixels. And the image format is png

• There is no hand-in since this project is meant to be a preparation for the frontend exam. The goal is to have a working React application, that you can use to demonstate your skills in the exam. You can therefore work on the application until the exam.

Monday, we will have our regular review sessions. We will review the React applications and the APIs together and also discuss your SP-3 plans.

A: Yes, that would be good. Only one team member needs to hand-in the solution.

A: No but, it would be a good idea, if you have an appropriate API, to use it. But you can also make a new API or get one from the teachers (tha@ek.dk). But you should at least have a plan for the API you want to use.

A: Yes, you can. Then you just have to decide which API you want to use.