Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hhzl/ionic4-start-a3
learning app draft in ionic4; as repository ionic4-start-a2 but uses a service.
https://github.com/hhzl/ionic4-start-a3
ionic-framework ionic4 ionic4-example
Last synced: about 1 month ago
JSON representation
learning app draft in ionic4; as repository ionic4-start-a2 but uses a service.
- Host: GitHub
- URL: https://github.com/hhzl/ionic4-start-a3
- Owner: hhzl
- License: mit
- Created: 2019-12-09T10:54:47.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T12:37:46.000Z (almost 2 years ago)
- Last Synced: 2023-03-23T00:27:25.974Z (almost 2 years ago)
- Topics: ionic-framework, ionic4, ionic4-example
- Language: TypeScript
- Homepage:
- Size: 3.42 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# INSTALLATION OF TOOLS
Make sure the [Node.js and npm](https://nodejs.org/en/) are installed.
npm install -g ionic
npm install -g cordova
This repository was developed with the following versions:
````
ionic info
Ionic:
Ionic CLI : 5.2.0 (/usr/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.11.5
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.1.1
Utility:
cordova-res : not installed
native-run : 0.2.9
System:
NodeJS : v10.17.0 (/usr/bin/node)
npm : 6.11.3
OS : Linux 4.15
````
# SETUP
git clone https://github.com/hhzl/ionic4-start-a3.git
cd ionic4-start-a3
npm install
# SCAFFOLDING
The scaffolding of the code in the repository was done with
````
ionic start ionic4-start-a3 blank --type=angular
cd ionic4-start-a3
ionic generate service services/wordsData
ionic generate page pages/choose-mode
ionic generate page pages/learn-mode
ionic generate page pages/practice-mode
ionic generate page pages/wordlist
ionic generate page pages/settings
ionic generate page pages/about
````
The genereated code is in the src directory and had to be configured. Such as for example changeing the header of the pages files (home page excluded) to
````
...
````
The header of the page home.page.html is
````
Ionic 4 start a3
````
# RUN THE APP IN THE BROWSER
ionic serve
# RUN THE APP ON THE DEVICE
## Android
Android environment setup: https://ionicframework.com/docs/installation/android, available for Windows, macOS and Linux.
Build apk file with
ionic cordova run android