Sugar Tracking App for achieving a healthier eating habit.
Note: this Ionic App requires Ionic CLI 3.
- Getting Started
- Pages
- Providers
- i18n (adding languages)
To test the app:
ionic serveRun on iOS Simulator
ionic cordova build ios
ionic cordova emulate ios
Run on iOS Device
ionic cordova build ios
ionic cordova run ios --device
ionic cordova build ios --prod
See pages at pages.tx
The app loads with the FirstRunPage set to LandingPage as the default. If the user has already gone through this page once, it will be skipped the next time they load the app.
If the tutorial is skipped but the user hasn't logged in yet, the Welcome page will be displayed which is a "splash" prompting the user to log in or create an account.
Once the user is authenticated, the app will load with the MainPage which is set to be the TabsPage as the default.
The entry and main pages can be configured easily by updating the corresponding variables in src/pages/pages.ts.
Please read the Pages readme, and the readme for each page in the source for more documentation on each.
Providers:
- items
- settings
- trackings
- user
The User provider is used to authenticate users through its login(accountInfo) and signup(accountInfo) methods, which perform POST requests to an API endpoint that you will need to configure.
The Api provider is a simple CRUD frontend to an API. Simply put the root of your API url in the Api class and call get/post/put/patch/delete
Supports internationalization (i18n) out of the box with ngx-translate. This makes it easy to change the text used in the app by modifying only one file.
To add new languages, add new files to the src/assets/i18n directory, following the pattern of LANGCODE.json where LANGCODE is the language/locale code (ex: en/gb/de/es/etc.).
To change the language of the app, edit src/app/app.component.ts and modify translate.use('en') to use the LANGCODE from src/assets/i18n/