Web Application Overview

In this lesson, we'll start building a web frontend for our smart contract. We'll begin by implementing the visual components of our application without adding any Ethereum/MetaMask-related code. Then, once we have this ready, we'll start adding blockchain-related features in the following lessons.

Web interface overview

Let’s first start with an overview of how the UI of our web application will look like. When a user goes to the home page, they'll see a text input where they'd need to provide an address of a smart auction contract they want to interact with and click the “GO TO CONTRACT” button.