Dashboard Tutorial

[DeveloperKhan]

Difficulty

Medium (1-2 people)

Description

Use react-joyride to create a guided tutorial of the /provider page. Then track a cookie using local storage to only show the two steps of the tutorial once and never again.

Part 1 of tutorial:

1. (Center) "Welcome to the Mapscout Admin Dashboard! Create and customize your own resource map through our dashboard."
2. (Select Add Provider Button) "You can start listing locations here."
3. (Select CSV Button) "Alternatively, you can upload a spreadsheet of locations. Be sure to follow our CSV guideline template!"

Part 2 of tutorial:
NOTE: Should only activate after the list of providers is non-empty AND part 1 is complete. Use a 2nd cookie to keep track of when this part of the tutorial is shown.

1. (Left hand side - the list of providers) "All of your active listings will appear here."
2. (Right hand side - the provider info modal) "Select a listing to see its details. This is a preview of what your users will see when they click on a listing."

[hdemusg]

Apologies for the delays in completion. I have successfully gotten the first dashboard tutorial working, and I hope to get the other one done soon.