https://github.com/andrewjbateman/ionic-angular-photostore

:clipboard: App to take, store and display photos using the Angular 8 and Ionic 5 frameworks.
https://github.com/andrewjbateman/ionic-angular-photostore

angular8 cordova-camera html5 ionic5 repair scss-styles sqlite-database

Last synced: 6 days ago
JSON representation

:clipboard: App to take, store and display photos using the Angular 8 and Ionic 5 frameworks.

• Host: GitHub
• URL: https://github.com/andrewjbateman/ionic-angular-photostore
• Owner: AndrewJBateman
• Created: 2019-03-19T08:26:41.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T03:56:21.000Z (almost 2 years ago)
• Last Synced: 2023-03-02T09:37:19.904Z (over 1 year ago)
• Topics: angular8, cordova-camera, html5, ionic5, repair, scss-styles, sqlite-database
• Language: TypeScript
• Homepage:
• Size: 2.77 MB
• Stars: 2
• Watchers: 0
• Forks: 1
• Open Issues: 30
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# :zap: Ionic Angular Photostore

* App to take, store and display photos using the [Ionic 5 framework](https://ionicframework.com/docs).

## :page_facing_up: Table of contents

* [General info](#general-info)

* [Screenshots](#screenshots)

* [Technologies](#technologies)

* [Setup](#setup)

* [Features](#features)

* [Status](#status)

* [Inspiration](#inspiration)

* [Contact](#contact)

## :books: General info

## :camera: Screenshots

![Home Page](./img/home-page.png)

## :signal_strength: Technologies

* [Ionic/angular v5](https://www.npmjs.com/package/@ionic/angular)

* [Ionic v5](https://ionicframework.com/)

* [Angular v8](https://angular.io/)

* Ionic DevApp, **this has been retired - replaced by [Capacitor](https://capacitorjs.com/)** to allow app to run on an iOS or Android device.

* [Cordova-sqlite-storage v3](https://www.npmjs.com/package/cordova-plugin-sqlite), an Ionic Cordova Storage Plugin.

## :floppy_disk: Setup

* To start the server on _localhost://8100_ type: 'ionic serve'

* The Ionic DevApp was installed on an Android device from the Google Play app store.

## :computer: Code Examples

```typescript

* takePicture() {

    const options: CameraOptions = {

      quality: 100,

      destinationType: this.camera.DestinationType.DATA_URL,

      encodingType: this.camera.EncodingType.JPEG,

      mediaType: this.camera.MediaType.PICTURE

    };

    this.camera.getPicture(options).then((imageData) => {

      // Add new photo to gallery

      this.photos.unshift({

        data: 'data:image/jpeg;base64,' + imageData

      });

      // Save all photos for later viewing

      this.storage.set('photos', this.photos);

    }, (err) => {

     // Handle error

     console.log('The is a camera error: ' + err);

    });

  }

  loadSaved() {

    this.storage.get('photos').then((photos) => {

      this.photos = photos || [];

    });

  }

```

## :cool: Features

* Displays photos taken.

## :clipboard: Status & To-do list

* Status: compiles but Ionic Web Build fails. Tab 2 has access to a phone camera and it stores & displays the photos taken. There are still tabs 1 and 3 to develop.

* To-do: Add a lot more detail/styling to front page.

## :clap: Inspiration

* [ionic Docs](https://ionicframework.com/docs/)

* ['Your First Ionic App - Framework v4'](https://ionicframework.com/docs/developer-resources/guides/first-app-v4/intro).

## :envelope: Contact

* Repo created by [ABateman](https://www.andrewbateman.org) - feel free to contact me!