Client Application

We have built a RESTful API for CourseReVU App. Our server consists of the RESTful API Endpoints as well as a database. The server, therefore, provides data persistence with support for basic CRUD operations. It is time to build the client application, and we are going to make it a web application.

Building a web application typically starts by building a Mockup or a Website wireframe.

Quote

A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. - Wikipedia

CourseReVU Wireframe

Here is a very simple wireframe that encapsulates what we intent to build.

As you can see from the wireframe, the homepage¹ includes a link that redirects the user to the courses page where there is a list of courses and a form to add a new course.

Tip

I created this wireframe with my favorite (proprietary) wire-framing software called Balsamiq. You don't need a software for this! Keep it simple and use paper & pencil but feel free to explore more powerful tools like Sketch, Figma, InVision, etc.

Note

At each iteration, design a mockup (wireframe) for that iteration. The mockup should capture the look and feel of your application's user interface as well as the flow of user interaction with the interface.

---

1. The introductory page of a website. ↩