Try the App
Ionifits runs on the web, iOS, and Android all from a single codebase. See for yourself:
To log into Ionifits, use username email@example.com and password: ionic. Optionally, tap the "Skip" button to bypass the login.
An 8 minute overview video of the app's key features is also available. See the app running on an iPhone alongside explanations of the real code in use.
"Vanilla" Ionic Framework: Show off the power and performance of Ionic UI components by using them as-is (out-of-the-box as much as possible).
Login page, powered by Auth Connect and Identity Vault: After login, the Auth0-powered user access token is securely stored in the mobile device keychain using Ionic Identity Vault. When the app is placed into the background, the screen is obscured to protect Ionifits data. Log out from the Settings page.
Employee Management page: Display a list of all "employees", demonstrating high performance infinite scrolling containing hundreds of items. Tap on an employee to see their details (note the built-in Ionic Framework native-feeling animations).
Expense Management page, powered by Ionic Secure Storage: Complete expense management implementation (similar to how Abacus works), featuring full CRUD (create-read-update-delete) for expenses. Add a new expense's merchant name, cost, date, and more, and capture a photo of the receipt using your device's camera. Once saved, tap on the expense to make changes. Slide an expense item in the list of Completed Expenses to the left to delete it. All expenses are encrypted on device using Ionic Secure Storage.
Settings page: Simple page showing off other Ionic Framework UI components. If user has logged in, user name is displayed and Log Out button appears.
Implementation Details buttons: Tap the "i" icon in the upper-right hand corner to view details about the technologies used, including Ionic Framework UI components and Ionic Native Enterprise features.
- Native runtime: Capacitor 3
- Frameworks: Ionic Framework 5 and Angular 12
- Capacitor Core plugins: Camera, Filesystem
- Ionic Enterprise solutions: Auth Connect, Identity Vault, Secure Storage
How to Run
Want to try Ionic's native solutions in your app? Sign up for a free trial.
- Install the Ionic CLI:
npm install -g @ionic/cli
- Clone this repository:
git clone https://github.com/ionic-team/ionifits.git
- Navigate to repo in a terminal:
- Add an Ionic Enterprise Native key into your
.bash_profilefile or as an Environment Variable on Windows:
- Install dependencies (this will fail if you don't have an Ionic Native key):
- Run locally in a browser:
- Deploy to a mobile device: See details here.