Walkthrough for new users

[mcnuttandrew]

Hey all,
Congrats on the splendid project! I think y'all are doing really excellent work here. Poking around the app I found myself confused by how to access all of the functionality, and confused by what some of it does (eg, i'm very confused what the SELECT button does). I think this could be resolved pretty modestly by adding a walkthrough for first time users (as determined by a value held in localStorage or on the cookie). There are a ton of walkthrough libraries out there, such as react-joyride etc and it seems like they'd all do a great job here.

[shayc]

Thank you for the input, react-joyride seems interesting but we will only implement once things settle UI wise. I know @amberleyromo wants to have take on UI, and we may need to block editing capabilities in 'user mode' vs 'speech therapist/edit mode' - welcome aboard!

somewhat related: #22

[martinbedouret]

hi @mcnuttandrew , we are really interesting in to implement something like this .
I think that the best way at this point is simply to add a new live_help button that shows a number of help callouts spread over the most important ui elements of the current screen .
See below mockup:

[martinbedouret]

@mcnuttandrew here is the live_help button from material ui icons
https://material.io/tools/icons/?icon=live_help&style=baseline

I don't know what would be a good reactjs component for this , but here there is one :

• https://github.com/Vishal1419/react-callout-component

[mcnuttandrew]

I'm glad this is getting some attention! It'll be great for new users. I am not going to be able to implement this, so it would be best to assign this someone else.

[martinbedouret]

No worries! Thanks for the heads up.
Assigned to @jtaco

[martinbedouret]

Assigned to @aljvilla

[ROHROCK]

Hi is anyone working on this ? I would like to contribute on this feature if its available . I found react joyride which could help.

[martinbedouret]

@ROHROCK It's a great opportunity to know about you!
Nobody's working on this so you can take it. Please let me know if you need anything!

[shayc]

@ROHROCK assuming you're not working on this anymore?

[katerinadimatou]

We want to undertake the walkthrough!

[mariaspastef]

We would really like to work on this!

[shayc]

Related article: Practical Guide To Product Tours In React Apps