Ionic 5 Full Starter App

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

The aim of this section is to personalize the experience of the user within the app by asking them some questions about their interests.

The authentication screens included in this Ionic 5 starter app are: sign up, log in, forgot password and terms and conditions and privacy policy modals.

In this authentication forms you can find a show-hide password component super useful for mobile screens.

Form Validations for password can be found inside the Forms & Validations section of the template.

We carefully designed and coded 5 different and complete categories: Travel, Food, Fashion, Deals and Real State.

Each category has a Listing view and a Details view. Each of these pages is different and has different and unique components that you can reuse within your Ionic 5 app.

Some of the components you will find in this section are: Cards, Lists, Sliders, Maps, Tags, Text Blocks, Images, Grids, Progress Bar, Buttons, Custom Icons, Buttons, Modal, Alerts, Different types of layouts to display your data in a beautiful and organized way, Lots of beautiful App Shells and more!.

Forms are the pillar of many business applications. You can use forms to perform countless data-entry tasks such as: login, submit a request, place an order, book a flight or create an account.

The main purpose of forms is data collection so we need to provide a good experience so the user doesn't get frustrated.

In this Ionic theme we included different types of form validations with Ionic and Angular such as: password and confirm password validation, international phone validation, email format validation and username validator. You will learn how to use Angular custom validators and how to use Angular Reactive Forms to create your own validators.

Some applications need controls to filter its data that's why we created a specific section with some of the most popular and required filters.

In this section you will find various types of filters such as: Ranges, various radio groups with different styles and layouts, various checkboxes with different styles and layouts, Tags, Toggles, a custom ionic component to add and substract numbers, a custom ionic component for rating and also a custom ionic component to select a color.

If you feel that there is an important filter that is missing just drop us a line.

An application shell (or app shell) architecture is one way to build a Progressive Web App that reliably and instantly loads on your users' screens, similar to what you see in native apps.

The shell is the minimal CSS, HTML and JavaScript required to power the user interface and when cached offline can ensure instant, reliably good performance to users.

The main goal of the app shell is to improve our app’s perceived performance.

We are writing a complete post about why using app shell in ionic apps that you will be able to find soon in our ionic tutorials section.

We included the app shell pattern in this ionic starter because we believe it is a step forward in terms of user experience. However, if you don't want to use it, you are free to remove it from your app. We will explain how to do it in the template documentation.

Navigation is one of the most important parts of an app. Solid navigation patterns help us achieve great user experience while a great router implementation will ease the development process and at the same time will make our apps discoverable and linkable.

As the new Ionic 5 position itself as the best tool to build Progressive Web Apps, and the Discoverable and Linkable principles are fundamental to PWAs, it is clear why the new Ionic 5 Navigation relies on the Angular Router.

The Angular Router is a solid, URL based navigation library that eases the development process dramatically and at the same time enables you to build complex navigation structures. In addition, the Angular Router is also capable of Lazy Loading modules, handle data through route with Route Resolvers, and handling Route Guards to fine tune access to certain parts of your app.

This Ionic 5 starter app template features many different examples of navigation within an Ionic app such as: Tabs, Side Menu, Lazy Loading and Angular Resolvers.

Profile section includes two pages: User Page and Friends Page.

We added a Showcase section to help developers use the custom component the template offers such as the App Shell.

Capacitor is a cross-platform app runtime that makes it easy to build web apps that run natively on iOS, Android, Electron, and the web.

It provides a consistent, web-focused set of APIs that enable an app to stay as close to web-standards as possible, while accessing rich native device features on platforms that support them.

Not ready to use Capacitor? In the documentation we explain how to remove Capacitor and add Cordova into your project.