Skip to content

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

Notifications You must be signed in to change notification settings

AndrewJBateman/ionic-angular-photostore

Repository files navigation

⚡ Ionic Angular Photostore

📄 Table of contents

📚 General info

📷 Screenshots

Home Page

📶 Technologies

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

💻 Code Examples

* 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 || [];
    });
  }

🆒 Features

  • Displays photos taken.

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

👏 Inspiration

✉️ Contact

  • Repo created by ABateman - feel free to contact me!

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published