All Projects → scify → Dianoia-app

scify / Dianoia-app

Licence: Apache-2.0 license
Mobile (Ionic 3 - Angular 4) app about non-pharmaceutical activities and information for people with dementia.

Programming Languages

typescript
32286 projects
HTML
75241 projects
SCSS
7915 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Dianoia-app

ionic-modal-custom-transitions
Add Custom Transitions to Ionic Modals.
Stars: ✭ 22 (+69.23%)
Mutual labels:  ionic, angular2, angular4, hybrid-apps, ionic2, ionic3
angular-progress-bar
This component allow you to easy incorporate progress-bar to angular/ionic project, providing binding and color options
Stars: ✭ 26 (+100%)
Mutual labels:  ionic, angular2, angular4, ionic2, ionic3
Chihu2
ionic2-example <吃乎2>混合开发-美食app 🍜 ☕️ 🍦 (This is a support android and apple ionic2 case, a food app)
Stars: ✭ 124 (+853.85%)
Mutual labels:  cordova, ionic, angular4, ionic2, ionic3
ionic-uuchat
基于ionic3,angular4的实时聊天app,兼容web端。该项目只是前端部分,所有数据需要请求后端服务器,需要配套express-uuchat-api使用。
Stars: ✭ 14 (+7.69%)
Mutual labels:  ionic, angular2, angular4, ionic2, ionic3
Drip Ionic3
「水滴打卡」App Open Source Code Base On Ionic V3 Framework
Stars: ✭ 74 (+469.23%)
Mutual labels:  cordova, angular2, angular4, ionic2, ionic3
Ionic3 Components
A project full of ionic 3 components and samples - to make life easier :)
Stars: ✭ 1,689 (+12892.31%)
Mutual labels:  ionic, angular2, angular4, ionic2, ionic3
Ion2 Calendar
📅 A date picker components for ionic2 /ionic3 / ionic4
Stars: ✭ 537 (+4030.77%)
Mutual labels:  ionic, angular2, angular4, ionic2, ionic3
Ionic2 Pokedex
🎮 Pokédex sample app developed with Ionic 2, Angular 2 and Apache Cordova. Using Pokéapi as source for data.
Stars: ✭ 143 (+1000%)
Mutual labels:  ionic, angular2, angular4, ionic2, ionic3
Wooionic3
An eCommerce App for WooCommerce stores using Ionic 3.
Stars: ✭ 208 (+1500%)
Mutual labels:  cordova, ionic, angular4, ionic2, ionic3
todo-list
TodoList using Ionic2/3 & Firebase: * PWA * SSO Google plus. * Share list via QRcode. * Upload image from Camera or Storage. * Speech Recognition.
Stars: ✭ 18 (+38.46%)
Mutual labels:  cordova, ionic, ionic2, ionic3
ionic4-angular6-crud-example
Building CRUD Mobile App using Ionic 4, Angular 6 and Cordova
Stars: ✭ 50 (+284.62%)
Mutual labels:  cordova, ionic, hybrid-apps, ionic3
Awesome Ionic
An "awesome" list of Ionic resources
Stars: ✭ 799 (+6046.15%)
Mutual labels:  cordova, ionic, ionic2, ionic3
cordova-plugin-today-widget
Add a today widget app extension target to your cordova project.
Stars: ✭ 51 (+292.31%)
Mutual labels:  cordova, ionic, ionic2, ionic3
Ionic Audio
An audio player for Ionic 3 and Angular 4. Works with HTML 5 audio or native audio using Cordova Media plugin.
Stars: ✭ 332 (+2453.85%)
Mutual labels:  angular2, angular4, ionic2, ionic3
ionic3-image-handling
In this ionic tutorial you will learn how to access the image gallery and take pictures from an ionic app. Also we will show you how to add a image cropper. This ionic tutorial includes a working ionic app example you can reuse for your needs.
Stars: ✭ 35 (+169.23%)
Mutual labels:  ionic, angular4, ionic2, ionic3
Ng Lottie
Render After Effects animations on Angular based on lottie-web
Stars: ✭ 311 (+2292.31%)
Mutual labels:  ionic, angular2, angular4, ionic3
ionic-hockeyapp
Need HockeyApp in your Ionic application, add this package!
Stars: ✭ 19 (+46.15%)
Mutual labels:  cordova, ionic, ionic2, ionic3
ionic3-angular4-sample-app
Sample app of Ionic 3 and Angular 4
Stars: ✭ 35 (+169.23%)
Mutual labels:  cordova, ionic, angular4, ionic3
Ionic2 Reddit Reader
Ionic 2 Sample App
Stars: ✭ 128 (+884.62%)
Mutual labels:  cordova, ionic, angular2, ionic2
Ionic2 Rating
⭐️ Angular star rating bar. Built for Ionic 2+.
Stars: ✭ 177 (+1261.54%)
Mutual labels:  ionic, angular2, angular4, ionic2

Dianoia - Ionic Mobile app


A demo of the app (in Greek) can be found here.

Non-pharmaceutical activities for people with dementia.

Pre-setup steps

It is very easy to install multiple versions of NodeJS and npm, by using Node Version Manager (nvm).

This project was built using the following versions of nodejs and npm:

nvm install lts/fermium # (or nvm install v14.21.1)

node -v
v14.21.1

npm -v
6.14.17

Alternatively, if you are using nvm, run this command in order to sync to the correct NodeJS version for the project:

nvm use

Install project dependencies:

$ npm install -g @ionic/[email protected] 

$ npm install -g [email protected]

$ cd dianoia-app

$ npm install

$ ionic serve

Execution

Then, to run it in a real Android device, cd into dianoia-app and run:

$ ionic cordova platform add [email protected]

$ ionic cordova emulate android

Generating icon and splash screen for all platforms

Update the following files:

resources/icon.png

and

resources/splash.png

And then run

$ ionic cordova resources

To generate the icon and splash screen files for all platforms and dimensions. For more info read this page.

Building

How to change app version before building for release

The app has several places where the app version is defined. Change the following:

  1. In the config.xml file, change the android-versionCode parameter, as well as the version (widget tag).
  2. Change the version in package.json file.
  3. Change the APP_VERSION constant, defined in src/consts.ts file.

Building for Android

Java - Gradle

In order to build for Android, Java 1.8 is required, along with Gradle 4.4.1.

Verify your installations by running:

$ java -version

$ gradle -version

You will need Java version 1.8 on your system. If you have multiple versions of Java installed, you will need to update the current one by running:

$ sudo update-alternatives --config java

$ sudo update-alternatives --config javac

And selecting the correct one.

Firebase Analytics

Since the project uses Firebase Analytics, In order to build for Android you have to put the google-services.json file from Firebase Console to the root directory. The build process will then copy this file to the platforms/andorid/app directory.

Creating the platform files

In order to build the android platform, you will need the correct version of the cordova-android plugin:

$ ionic cordova platform rm android

$ ionic cordova platform add [email protected]

$ ionic cordova build android

The build command will generate a full Android project, located in platforms/android. This project can then be opened in Android Studio, in order to build and produce the .aap (bundle) or the .apk files.

If you want to build a release version:

$ ionic cordova build android --release

Signing the Android .apk

After the android project is built, you can either use Android CLI commands, or just open Android Studio, and sign the .apk or .aap (bundle) file.

Build for Browser

In order to generate a bundled directory that can be hosted as a web application, you need to add and build the browser platform:

$ ionic cordova platform add [email protected]

$ ionic cordova build browser

If you want to reset the browser platform:

Automated way:

$ npm run build-browser

Manual way:

$ ionic cordova platform rm browser

$ ionic cordova platform add [email protected]

$ ionic cordova build browser

This will generate a platforms/browser/www directory that can be uploaded to a server.

GitHub pages

In order to generate the docs directory that can be used from GitHub Pages, you need to run the following script:

$ npm run build-docs

This will generate the docs directory. (Note that this directory is and should be under Version Control).

License

Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY

Copyright 2016

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Sponsors

Το project “Διάνοια” υλοποιείται από τη Μη Κερδοσκοπική Εταιρεία SciFY στο πλαίσιο του προγράμματος “Σημεία Στήριξης” που συγχρηματοδοτείται από το ΤΙΜΑ Κοινωφελές Ίδρυμα, το Κοινωφελές Ίδρυμα Ιωάννη Σ. Λάτση, τη φιλανθρωπική οργάνωση Hellenic Hope και το Ίδρυμα Μποδοσάκη.

Περισσότερες πληροφορίες για το έργο σε αυτόν τον σύνδεσμο.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].