# Two ways to use the Template

Once you purchase the starter, you have all the code to your disposal. You can modify the app anyway you want, but here are two major ways it can be done.

### 1. Use the Dating App Template as a base to create your app <a href="#id-1-use-the-template-app-as-a-base-to-create-your-app" id="id-1-use-the-template-app-as-a-base-to-create-your-app"></a>

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 I suggest you to go with this option.

For example, if you are looking to keep the swipe-able cards, user profile page and chat pages, you should keep the same template as base. Delete other pages which are not required

### 2. Import Dating App Template pages into an existing Ionic 5 app <a href="#id-2-import-some-pages-into-an-existing-ionic-4-app" id="id-2-import-some-pages-into-an-existing-ionic-4-app"></a>

If you only want to use some specific pages or components and you already have an existing Ionic 5 ap&#x70;**.** e.g. You want to import the **Chat page** page into your other app

#### Copy the page folder <a href="#copy-the-page-folder" id="copy-the-page-folder"></a>

Locate the Chat Page folder in the code.&#x20;

![](/files/-LqH2G3w5XNwiyW0sXXj)

Now, copy the contents of the folder to your existing app, and include it in `app.module.ts`

All pages have their styling included within the folder, so you don't need to copy any styles from Global.

#### Routing <a href="#routing" id="routing"></a>

Add the new route to your routing file `src/app/app-routing.module.ts` Take care of Tab routing, if required, because tab routing is a little different from Stacked page routing.

## Assets

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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://enappd.gitbook.io/ionic-tinder-style-template/how-to-use-this-template-1/how-to-use-this-template.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.