Creating the Front-End App Interface and Templates

Learn how to create interfaces and templates.

Before we begin the creation of components for our front-end app, we'll create an interface to define the fields we'll use in the various components and some templates for the user interface. An interface contains the properties’ names and their types. A template is a form, mold, or pattern used as a guide in making the entire user interface.

Creating the House interface

To create an interface, we'll create a folder inside the src folder of our project directory named interfaces. Inside this folder, we create a file called house.ts, and add the following lines of code:

Get hands-on with 1200+ tech skills courses.