https://github.com/hhzl/ionic4-start-a4

As ionic-start-a3 but with option list and LWdb service added.
https://github.com/hhzl/ionic4-start-a4

ionic-framework ionic4

Last synced: about 2 months ago
JSON representation

As ionic-start-a3 but with option list and LWdb service added.

• Host: GitHub
• URL: https://github.com/hhzl/ionic4-start-a4
• Owner: hhzl
• License: mit
• Created: 2019-12-12T12:14:49.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T12:45:04.000Z (almost 2 years ago)
• Last Synced: 2023-03-23T00:27:26.032Z (almost 2 years ago)
• Topics: ionic-framework, ionic4
• Language: TypeScript
• Size: 3.53 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 27
• 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-a4.git

    cd ionic4-start-a4

    npm install

# SCAFFOLDING

The scaffolding of the code in the repository was done with

````

ionic start ionic4-start-a4 blank --type=angular

cd ionic4-start-a4

ionic generate service services/LWdb

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 a4

    

````

# 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