Adding "Tutorials" to my React website

[PerfectlyNutz]

Hi everyone,

I don't know what the correct term is that I am looking for so I will describe it.

 

Some applications, games and even websites have some type of "tutorial" for the GUI. Typically a frame arround a component explaining what it's for, what you can do with it...

 

I tried googling it like "React create step-by-step tutorial", "react add tutorials to your website" and more.

To give you an idea of what I am talking about, try looking at "design" i made for LTT:

 

 

 

I would like to add such a functionality to my react website. 

Any idea where I could find some help on how to implement this or what the correct term is? That would help so much.

 

[shadow_ray]

Like when websites show you what's new and lead you through the new features by highlighting buttons you have to click?

[PerfectlyNutz]

3 minutes ago, shadow_ray said:

Like when websites show you what's new and lead you through the new features by highlighting buttons you have to click?

That's also a good example. I'm looking for highlighting and descriptions for those "features".  

[shadow_ray]

4 minutes ago, PerfectlyNutz said:

That's also a good example. I'm looking for highlighting and descriptions for those "features".  

The term you are looking for is product tours or product walkthroughs

 

https://www.nickelled.com/blog/product-tours-in-reactjs/