Displaying a dummy page

In this section, we’ll be implementing a temporary dummy page that will allow us to put everything we’ve learned until now together and see the application in action. To implement this page, we’ll create a new file called InitialPage.js in the src directory. The following snippet contains the relevant parts of the code:

export const InitialPage = () => (
  <Layout>
    <Typography variant='h4' >
      Greetings Professor Falken!
    </Typography>
  </Layout>
);

InitialPage is just a functional React component that leverages our Layout component to display a message. When we implement the task manager’s pages, we’ll be using a similar approach and enclosing all of the required page components between the Layout elements.

The page is now ready; however, we still need to provide some additional...