Adding a User Interface for This App

Learn to write a simple home page for a web app by serving HTML code at endpoints.

Most web apps usually have an interface that the user can interact with. This interface consists of a bunch of files that are responsible for:

  • Framing and sending the appropriate requests to the server.

  • Receiving a response from the user and displaying it in a user-friendly way.

The most straightforward way to write these files is in HTML. So let's try to build this interface for our coffee shop web app.

Creating a home page for the app

The home page of an app is where the user first lands. Since creating beautiful web pages is not our focus here, we'll create a basic home page using the following HTML in a file called index.html.

Get hands-on with 1400+ tech skills courses.