Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/evertonborba/ionic-eucalyptus-app
Mobile application to promote citizen science on the impacts of the expansion of eucalyptus cultivation areas in Brazil
https://github.com/evertonborba/ionic-eucalyptus-app
cordova eucalyptus ionic mobile
Last synced: 26 days ago
JSON representation
Mobile application to promote citizen science on the impacts of the expansion of eucalyptus cultivation areas in Brazil
- Host: GitHub
- URL: https://github.com/evertonborba/ionic-eucalyptus-app
- Owner: evertonborba
- Created: 2022-11-15T18:23:25.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-27T01:44:17.000Z (about 2 years ago)
- Last Synced: 2024-10-16T19:04:31.096Z (3 months ago)
- Topics: cordova, eucalyptus, ionic, mobile
- Language: TypeScript
- Homepage:
- Size: 27.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ionic-eucalyptus-app
Mobile application to promote citizen science on the impacts of the expansion of eucalyptus cultivation areas in Brazil
# The Ionic Super Starter 🎮
The Ionic Super Starter is a batteries-included starter project for Ionic apps
complete with pre-built pages, providers, and best practices for Ionic
development.
The goal of the Super Starter is to get you from zero to app store faster than
before, with a set of opinions from the Ionic team around page layout,
data/user management, and project structure.
The way to use this starter is to pick and choose the various page types you
want use, and remove the ones you don't. If you want a blank slate, this
starter isn't for you (use the `blank` type instead).
One of the big advances in Ionic was moving from a rigid route-based navigation
system to a flexible push/pop navigation system modeled off common native SDKs.
We've embraced this pattern to provide a set of reusable pages that can be
navigated to anywhere in the app. Take a look at the [Settings
page](https://github.com/ionic-team/starters/blob/master/ionic-angular/official/super/src/pages/settings/settings.html)
for a cool example of a page navigating to itself to provide a different UI
without duplicating code.
## Table of Contents
1. [Getting Started](#getting-started)
2. [Pages](#pages)
3. [Providers](#providers)
4. [i18n](#i18n) (adding languages)
To test this starter out, install the latest version of the Ionic CLI and run:
```bash
ionic start mySuperApp super
```
## Pages
The Super Starter comes with a variety of ready-made pages. These pages help
you assemble common building blocks for your app so you can focus on your
unique features and branding.
The app loads with the `FirstRunPage` set to `TutorialPage` 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/index.ts](https://github.com/ionic-team/starters/blob/master/ionic-angular/official/super/src/pages/index.ts).
Please read the
[Pages](https://github.com/ionic-team/starters/tree/master/ionic-angular/official/super/src/pages)
readme, and the readme for each page in the source for more documentation on
each.
## Providers
The Super Starter comes with some basic implementations of common providers.
### 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.
### Api
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
## i18n
Ionic Super Starter comes with internationalization (i18n) out of the box with
[ngx-translate](https://github.com/ngx-translate/core). This makes it easy to
change the text used in the app by modifying only one file.
### Adding Languages
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 `src/assets/i18n/`