Skip to content

DraganUS/photo-gallery-tutorial-ionic3

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ionic v3 Tutorial: Photo Gallery app

A tutorial app that walks the user through creating a Photo Gallery app. We begin with the Ionic "tabs" starter app, incrementally converting the About tab to a Photo Gallery experience.

Structure

Each folder in this repo represents completed source code for each step of the tutorial, available here (TODO - docs link coming soon!).

  • part1 - DevApp and Camera: Add basic Camera support. Ability to take one picture at a time.
  • part2 - Photo Gallery and Saving to Device: Display multiple photos together in a grid format. Save photos locally to the device.
  • part3 - Theming: Explore Ionic's built-in color theming and platform styling capabilities.

How to Run Locally

  • Clone this repo.
  • Change directory into any of the "part" folders.
  • From a terminal, run "ionic serve".

Bonus: Exploring Ionic Pro

Build better apps with Ionic Pro’s integrated suite of tools and services designed for the entire app lifecycle. In addition to building a photo gallery app, you'll also explore:

  • Ionic Pro Deploy: Deliver hot code updates, content changes, A/B tests, and bug fixes in real time before and after your app is in the app stores.
  • Ionic Pro Monitoring: Detailed error tracking and monitoring for hybrid apps.

About

Ionic v3 tutorial app. Building a Photo Gallery!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 39.4%
  • HTML 27.8%
  • CSS 26.3%
  • JavaScript 6.5%