Walkthrough (or tutorial)

This component helps you demonstrate or explain your app to new users. You can showcase the main features of your app.

For the walkthrough we use the ion-slides component with four slides. Of course you can use as many as you want.

How to use this component?

To modify this component go to src/app/walkthrough/walkthrough.page.html and change the content inside each <ion-slide>

We use SVGs to create the "wave" effect from the backgrounds. You can modify the svgs by using the link we provide in the code.

By pressing the SKIP button, the user will be taken to the last screen of the walkthrough with the option to go to the Authentication page or to Getting Started.

Last page of Walkthrough