Material-UI Dashboard

This is the free Material-UI Dashboard provided on Material-UI's website. We will start with this example and modify it to our needs.

Note! If you haven't taken our Material UI Path to get you started with Material UI, you can check that out here. You'll learn the basics of how to install Material UI, render basic components, and customize components.

Open the editor

To open the editor, click the arrow button on the top left of the dashboard template.

Dependencies

Take a look at the dependencies in package.json. We've installed the default Material-UI packages, plus recharts for charts.

What we will build

Gradually, we will turn this template into an app called Missions. Think of it like a project manager, but more fun. And with space references and stuff. Each mission is like a project or notebook, and within missions, we can create notes and tasks. Most apps follow this type of structure, so our hope is that the Missions app will be adaptable for whatever project you want to build.

The first mission

Our first mission is to cleanup App.js. There is too much imported in this file and it makes it difficult to read. Continue onto the next lesson for a deeper dive into App.js.