1st step:

Add the ChakraUI Provider in index.js along with ReactBrowserRouter

2nd step:

Remove everything from App.js

Create the first route for the homePage

Edit the landing page and add the functionality to change route on the Get Started CTA

Create the users page and get all the users

Do the inital setup for useSWR (Create helper function in separate folder)

Handle the isLoading and isError state with components

Iterate over the users and display the name

Create a card to display the User information

Align everything in a row using grid (4, 1)

Create the User Details Page

With that page, create the logic to update the User

Add color mode (switch between dark and light mode as defaults)

Done :)