...

/

Resolving the Initial App Layout: Laying Down The Foundation

Resolving the Initial App Layout: Laying Down The Foundation

Our very first step in building "Skypey". In this section, we'll take care of the initial design and the structure of our main files.

We'll cover the following...

From the CLI, create a new react app with create-react-app, and call it Skypey.

create-react-app Skypey

Skypey’s layout is a simple 2-column layout. A fixed width sidebar on the left and on the right, a main section that takes up the remaining viewport width.

Here’s a quick note on how this app is styled. ...