GTBitsOfGood / GTBitsOfGood/MapScout

Dashboard Tutorial

Open
#180 1 comment 0 reactions 2 assignees Claimed by @ashwinitkonda View on GitHub
enhancement
Dominant language
TypeScript
Stars
13
Forks
4
PR merge metrics
No merged PRs in 30d

Description

### Difficulty
Medium (1-2 people)

### Description
Use [react-joyride](https://github.com/gilbarbara/react-joyride) to create a guided tutorial of the `/provider` page. Then track a cookie using [local storage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) 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."

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.