TNRIS / dataHub

ReactJS frontend web application for browsing, downloading, and inquiring about TNRIS public data and historical imagery.
https://data.tnris.org
7 stars 0 forks source link

Help page and step-through guide to assist users #292

Open jwhaney opened 3 years ago

jwhaney commented 3 years ago

Research and implement npm javascript package for stepping through application elements as a guide to help users understand and use DataHub filters and tools better. An example mentioned is what Google does when they make an enhancement to one of their apps. Other tech companies do it as well.

In addition, create a more in-depth Help page that can be in modal form or its on component/template page, which goes more in-depth about how to use certain features, filters, search, etc.

jwhaney commented 3 years ago

just stumbled across this option

https://introjs.com/ https://github.com/usablica/intro.js

  1. No dependencies: It does not require any other dependencies
  2. Small and fast: The library’s smaller size makes the guiding process smooth and intuitive. The overall size of JavaScript files is 10KB, and CSS is 2.5KB.
  3. User-Friendly: Navigation is user-friendly and provides various themes that can be selected as per your preference.
  4. Browser Compatibility: Works on all major browsers like Google Chrome, Mozilla Firefox, Opera, Safari, and Internet Explorer.
  5. Documentation: The documentation is excellent with samples and examples of each element to be introduced.

source: https://blog.bitsrc.io/7-awesome-javascript-web-app-tour-libraries-6b5d220fb862