loading...
Cover image for New Photo Gallery Tutorial for Angular, React, and Capacitor
Ionic

New Photo Gallery Tutorial for Angular, React, and Capacitor

dotnetkow profile image Matt Netkow Originally published at ionicframework.com on ・1 min read

A new “Your First Ionic App” tutorial for Angular and React are now available! Learn the fundamentals of Ionic app development by creating a real app step by step.

In the tutorial, you’ll create a cross-platform Photo Gallery app: take photos with your device's camera, display them in a grid, and store them permanently on the device.

Highlights include:

  • One codebase that runs on the web, iOS, and Android using Ionic Framework UI components.
  • Deployed as a native iOS and Android mobile app using Capacitor, Ionic's official native app runtime.
  • Photo Gallery functionality powered by the Capacitor Camera, Filesystem, and Storage APIs.
  • Improve your development speed by leveraging Live Reload to write, build, test, and deploy code. Incredibly useful for debugging native plugins on a device!

Here's the app running on all 3 platforms:

It’s easy to get started:

🅰️ Angular: Tutorial and complete source code

⚛️ React: Tutorial and complete source code

Happy app building! 💙

Posted on by:

dotnetkow profile

Matt Netkow

@dotnetkow

Heavy metal, beer, hiking, reading, and horror

Ionic

The open source UI toolkit for developing high-quality cross-platform apps for native iOS, Android, and the web — all from a single codebase.

Discussion

markdown guide