DEV Community

Cover image for New Photo Gallery Tutorial for Angular, React, and Capacitor
Matt Netkow for Ionic

Posted on • Originally published at ionicframework.com on

3

New Photo Gallery Tutorial for Angular, React, and Capacitor

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! 💙

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay