How to use this template?

How can you use the elements of this template.

Once you purchase the starter, you have all the code to your disposal. You can modify the app anyway you want. Here are two major ways you can use the app for your projects.

1. Use the Full App as a base to create your app

This means that the template is itself an Ionic app, so you don't need to create another app. You can use the template app as a base for your app and just delete the pages you don't want, and add what is missing.

If you plan to use many of the pages and features offered by the template, then we suggest you to go with this option.

For example, if you are looking to create a Tinder like app, use the Tinder cards page, the profile page, login page, map page, settings page, payment page chat page etc for the major structure. Delete other pages which are not required

2. Import Full App pages/Modules into an existing Ionic 5 app

We have worked hard to make the whole code modular. Every page or feature is now a module, and a combination of similar pages (e.g. all chat pages) is also a module. Depending on your requirement, you can just pick one module from the code and paste it in your own Ionic app. With minor adjustment like adding module name in app.module.ts and copying related assets, this copied module will work perfectly in your Ionic app. This is because each module has its own services, data etc, which makes the module independent

You should go this path if you only want to use some specific pages or components in your existing Ionic 5 app. An example of copying Tinder module to a new app is explained in How to copy a module to another app

Assets

All assets are kept in src/assets You can copy the assets related to your page from this folder, or use your own.

Keep in mind to keep assets folder as direct child of src because the production build expects it so. If you change the location, the production build might not be able to find the correct assets path

Last updated