Project Introduction: What We’ll Work on and First Tasks

Now that we have learned the basics of CSS Grid, it’s time to start getting more practical.

This chapter introduces the project that accompanies us throughout the book. This example project is called Awesome Analytics. Awesome Analytics is a made-up analytics app that shows all kinds of randomly generated graphs. Dashboards and a layout tailored to professional users let us practice different kinds of grids and how we approach them.

In each following chapter, we will further develop and improve the design of this app. With a starting task and a possible solution, we will strengthen our knowledge of the grid basics, implement an overall layout, and arrange dashboard elements with different sizes.

As for the details, we’ll look at the following topics:

• Introducing Awesome Analytics – our gibberish analytics tool
• Setting up Awesome Analytics locally
• Our first tasks: setting up...