All Projects → 0nza1101 → Angularfire2 Ionic3 Pictureupload

0nza1101 / Angularfire2 Ionic3 Pictureupload

An example application showing how to upload picture from the gallery or from camera to Firebase using Ionic 3 and Angularfire2. 📸

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Angularfire2 Ionic3 Pictureupload

busca-cinema
Simple app to check movies on theaters
Stars: ✭ 14 (+7.69%)
Mutual labels:  angular4, ionic3
Cnode Ionic
A third party app for Node.js中文社区 https://cnodejs.org/
Stars: ✭ 6 (-53.85%)
Mutual labels:  ionic3, angular4
ionic-app-with-aws-cognito
Angular 4, Ionic 3, and AWS (Amazon) Cognito User Pools. Authentication out of the box.
Stars: ✭ 62 (+376.92%)
Mutual labels:  angular4, ionic3
ionic3-angular4-sample-app
Sample app of Ionic 3 and Angular 4
Stars: ✭ 35 (+169.23%)
Mutual labels:  angular4, ionic3
ionic2-mask-directive
directive to mask ion-input
Stars: ✭ 24 (+84.62%)
Mutual labels:  angular4, ionic3
ionic2-fixedscroll-directive
An Ionic2+ directive to create cool and fast fixed components on the top of the screen after scrolldown the page. Demo site (Only works with mobile inspector)
Stars: ✭ 15 (+15.38%)
Mutual labels:  angular4, ionic3
Ion2 Calendar
📅 A date picker components for ionic2 /ionic3 / ionic4
Stars: ✭ 537 (+4030.77%)
Mutual labels:  ionic3, angular4
ionic3-index-list
ionic3 component
Stars: ✭ 28 (+115.38%)
Mutual labels:  angular4, ionic3
ionic-modal-custom-transitions
Add Custom Transitions to Ionic Modals.
Stars: ✭ 22 (+69.23%)
Mutual labels:  angular4, 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:  angular4, ionic3
ionic3-firebase-ngrx
Sample Ionic 3 application using ngrx with firebase (auth, crud and camera plugin)
Stars: ✭ 48 (+269.23%)
Mutual labels:  angular4, ionic3
Ng Lottie
Render After Effects animations on Angular based on lottie-web
Stars: ✭ 311 (+2292.31%)
Mutual labels:  ionic3, angular4
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:  angular4, ionic3
ionic-lottie
Sample using ng-lottie and ionic 3 to view animations rendered from After Effects
Stars: ✭ 104 (+700%)
Mutual labels:  angular4, ionic3
Dianoia-app
Mobile (Ionic 3 - Angular 4) app about non-pharmaceutical activities and information for people with dementia.
Stars: ✭ 13 (+0%)
Mutual labels:  angular4, ionic3
ionic-uuchat
基于ionic3,angular4的实时聊天app,兼容web端。该项目只是前端部分,所有数据需要请求后端服务器,需要配套express-uuchat-api使用。
Stars: ✭ 14 (+7.69%)
Mutual labels:  angular4, ionic3
Wooionic3
An eCommerce App for WooCommerce stores using Ionic 3.
Stars: ✭ 208 (+1500%)
Mutual labels:  ionic3, angular4
Taxi Booking App
This is a complete ride booking app, It uses google maps cordova plugin, firebase database and onesignal as notification provider.
Stars: ✭ 212 (+1530.77%)
Mutual labels:  ionic3, angular4
aiEyes
🤖 👁️ Describes photos using audio for Blind and Visually-Impaired Users
Stars: ✭ 23 (+76.92%)
Mutual labels:  angular4, ionic3
Ionic Environment Variables
Easy to use environment variables for Ionic3!
Stars: ✭ 278 (+2038.46%)
Mutual labels:  ionic3, angular4

Simple app exemple showing how to upload image from gallery or from camera to Firebase with Firebase, AngularFire2-rc4 and Ionic 3.

If you want test the project first type :

npm install

Don't forget to change firebaseConfig in /src/app/app.module.ts

    export const firebaseConfig = {
      apiKey: 'YOUR_API_KEY',
      authDomain: 'YOUR_DOMAIN',
      databaseURL: 'YOUR_DATABASE_URL',
      storageBucket: 'YOUR_STORAGE',
      messagingSenderId: "YOUR_MSGINGID"
    };

Make sure you have installed the Android SDK

Then install platform with

ionic cordova platform add android
ionic cordova run android

or make sure you have installed Xcode

ionic cordova platform add ios
ionic cordova run ios

You need to turn on anonymous login in your Firebase console in order to test it or change firebase.auth().signInAnonymously() from src/pages/home/home.ts to firebase.auth().signInWithEmailAndPassword('[email protected]', 'password') or whatever signIn method you want.

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].