Admin Console app

For the demo lesson in this module we'll be building an Admin Console app. Let's take a look at what we'll be building in greater detail.

Project Source Code

Get the project source code below, and follow along with the lesson material.

Download Project Source Code

To set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.

This lesson preview is part of the Beginner's Guide to Real World React course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.

This video is available to students only
Unlock This Course

Get unlimited access to Beginner's Guide to Real World React, plus 70+ \newline books, guides and courses with the \newline Pro subscription.

Thumbnail for the \newline course Beginner's Guide to Real World React
  • [00:00 - 00:07] Let's take a look at what we'll be building over the next couple of lessons. We've got a colourful mocked out version of an admin dashboard style app.

    [00:08 - 00:18] If we browse through the various sections, notice how the URL changes to reflect the page we're on. It's worth pointing out that although some of the sections might look full of populated data, this is not a data driven app.

    [00:19 - 00:32] Everything here is hard coded and we've leaned heavily on the Bulma framework to help style up the various sections. We'll be quickly building out the JSX which is relatively unimportant and just for display purposes in this particular demo and focusing more on the underlying routing parts.

    [00:33 - 00:33] Let's dive in.