Ionic 5 Full Starter App
  • Enappd Apps
  • Ionic 5 Full App
    • What is Ionic 5 Full App?
    • Template Features
    • Initial Setup
      • Environment Configuration
      • Credentials
    • Running the app
    • Deploying app as PWA
    • Building App on device
    • How to use this template?
      • Copy a module to another app
      • Shared Component & Modules
      • Map Service
    • Beginner Pack Features
      • Firebase
      • Layouts
      • Sidemenus
      • Login and Signups
      • Chat screens
      • Chat Lists
      • Video Playlists
      • Grids and Lists Layouts
    • Startup Pack Features
      • Wordpress
        • Wordpress JSON API Basics
        • Wordpress in Ionic 5 Full App
      • Translation - Multi-language
      • Using Custom Fonts
      • Infinite scroll
      • Content Loaders
      • Pull to refresh
      • List re-ordering
      • Date Pickers
    • Pro Pack Features
      • Phaser Game Framework
      • AdMob Integration
        • AdMob Introduction
        • Setting up Google Admob
        • Integration
      • Social Sharing
      • QR and Barcode Scanning
      • Google Places
      • Google Autocomplete
      • Social Logins
        • Google Login
        • Facebook Login
        • Twitter Login
      • Woo-commerce Integration
    • Removing a Page / Component
    • Removing a plugin
    • FAQs
    • Changelog
    • Troubleshoot
Powered by GitBook
On this page
  • 1. Use the Full App as a base to create your app
  • 2. Import Full App pages/Modules into an existing Ionic 5 app
  • Assets

Was this helpful?

  1. Ionic 5 Full App

How to use this template?

How can you use the elements of this template.

PreviousBuilding App on deviceNextCopy a module to another app

Last updated 3 years ago

Was this helpful?

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

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

How to copy a module to another app