The Everyday Market app

Let's get you familiar with the app you're going to build throughout this book. Fortunately, you have implemented a REST API as part of previous chapters, so let's build on top of that. The REST API provides state and functionality for a basic exchange system in which people can purchase and sell items.

The Everyday Market app is the frontend web app that uses this REST API.

It consists of three key areas:

• Homepage with product listings
• Product page
• New product page

The following are the wireframes that illustrate the concept of the app.

Homepage with product listings

The following is the home page of the app. As you can see, the following functionality is implied:

• The user sees a list of available products filtered by a category.
• The user can click a product card to view its details.
• The user can add a new product that they wish to sell:

 

Product page

The following is the product page, which includes the product details, such as title, description, and so on. It is shown after...