Sans Sugar App
Sugar Tracking App for achieving a healthier eating habit.
Note: this Ionic App requires Ionic CLI 3.
Table of Contents
To test the app:
Run on iOS Simulator
ionic cordova build ios ionic cordova emulate ios
Run on iOS Device
ionic cordova build ios ionic cordova run ios --device
Build for production
ionic cordova build ios --prod
See pages at
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.
User provider is used to authenticate users through its
signup(accountInfo) methods, which perform
POST requests to an API endpoint that you will need to configure.
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.).
Changing the Language
To change the language of the app, edit
src/app/app.component.ts and modify
translate.use('en') to use the LANGCODE from