Next steps

To progress the app to the next stage, consider the functional requirements we laid out. A good next step may be to implement a login system. At this point, you probably would neither want nor need to actually validate credentials, so a dummy login page will suffice. You have the markup in Login/Login.js.

The approach we're going to take is to use Hooks and context. Since this is a fairly involved topic, we won't get into all the details here, but there are plenty of articles explaining the concepts. Here's one: https://www.digitalocean.com/community/tutorials/react-crud-context-hooks.

We'll go through one example of context and a couple of examples of Hooks to get you started:

1. First, we need to create a UserContext.js file, which will help track our login state throughout the life cycle of our user interaction. The code itself is quite simple:

import React from 'react'

export const loggedIn = false

const UserContext = React.createContext...