Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/scaleit-org/ionic-app-skeleton
ScaleIT Ionic App Skeleton for easy creation of Industry 4.0 Domain Apps
https://github.com/scaleit-org/ionic-app-skeleton
angular docker docker-compose ionic scaleit scaleit-apps skeleton typescript2
Last synced: about 1 month ago
JSON representation
ScaleIT Ionic App Skeleton for easy creation of Industry 4.0 Domain Apps
- Host: GitHub
- URL: https://github.com/scaleit-org/ionic-app-skeleton
- Owner: ScaleIT-Org
- License: mit
- Created: 2018-03-06T10:56:40.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-12-04T11:15:12.000Z (almost 6 years ago)
- Last Synced: 2024-04-14T18:06:44.410Z (7 months ago)
- Topics: angular, docker, docker-compose, ionic, scaleit, scaleit-apps, skeleton, typescript2
- Language: TypeScript
- Homepage:
- Size: 1.3 MB
- Stars: 5
- Watchers: 10
- Forks: 4
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Ionic App Skeleton 
The Ionic App Skeleton is a pre-configured base for ScaleIT Apps. It provides a ready to use production ready scaffolding for ScaleIT Ready Domain Apps.
## How to Use
### Standalone
# Resolve dependencies
npm install
# Build frontend
npm run build
# Run dev server
npm run ionic:serve
#### Development
In order to simplify development we recommend working locally (or with a docker bind mount) and using the ionic hot reload feature of the ionic dev server
npm run ionic:serve
In order to pull from this repo as upstream you should use githubs rebasing feature:
git checkout alpine
git pull --rebase origin master
git checkout dev
git pull --rebase origin alpine
Alternatively use cherry picking (or patching):
git cherry-pick d147423..2622049
git cherry-pick d147423
### Docker
This skeleton uses a multi stage build in order to create a very small production ready image. This results in an image size of about 70MB compared to the 300+MB size of the build image.
docker-compose up -d
# navigate to localhost:8100
## Screenshots
| Mobile | Desktop |
| ------------- | ------------- |
| 
| 
|
|Administration view with configurable endpoints| Tech Stack |
| ------------- | ------------- |
| 
|
Webpack->(Typescript->Angular->Ionic)->Compiled HTML, JS, CSS
|
## Requirements
-
## Features
1) Ionic frontend with Angular
2) Pages and Navigation
2) Data Providers and Pipes
2) Nginx Server for serving the built project (docker build only)
## Known Issues
- The --prod flag for ionic:build results in an Error which needs to be resolved. Till now dont use production build. Flag removed with commit: fe76eaf96fc7c7630682cfdfac4060deb64a5657
## Troubleshooting
### Running on windows
Most likely, when executing `npm install` on windows, you will get weird issues related to "node-gyp".
You can solve this issue by running
```
npm install --global --production windows-build-tools
```
inside CMD or Powershell **with administator privileges** before running install.
## How to build
```
docker-compose build
docker-compose up -d
```
### Health Check (Optional)
#Build with healtcheck enabled
HEALTHCHECK --interval=5m --timeout=3s \
CMD curl -f http://localhost:5002/ || exit 1
## Configuration
-
## Tests
No Tests
## Notes
This is still a work in progress
## Learning Material
Reactive Manifesto: https://www.reactivemanifesto.org/
Reactive Programming: https://gist.github.com/staltz/868e7e9bc2a7b8c1f754
Ionic Presentation: http://ionicframework.com/present-ionic/slides/#/26