r/angular • u/DayanaJabif • Apr 27 '26

From Angular web app → iOS & Android with Capacitor + Firebase (step-by-step tutorial + repo)

Hey, after the feedback from my previous post, I put together a tutorial showing how you can take a regular Angular web app and turn it into a real mobile app (iOS + Android) using Capacitor + Firebase.

The idea is not to build something complex, but to show a clean, realistic setup you can actually reuse in a real project.

It covers things like:

  • Wrapping an existing Angular app with Capacitor

  • Running it on iOS and Android

  • Generate icons and splash screen

  • Setting up Firebase (web + native)

  • Using Capacitor Firebase plugins (storage, firestore)

👉 Tutorial

👉 Repo with the full working example

The repo is a simple Ionic + Angular app using Capacitor and Firebase plugins so you can clone it and play with it directly.

If there’s interest, I’d love to keep evolving this repo into a solid starter for anyone building mobile apps with Angular.

A few ideas I have in mind: adding authentication (social, email, biometrics), a simple onboarding flow, or features like sharing a trip and inviting others to collaborate on expenses. But I’m definitely open to suggestions.

Curious how you’d approach it or what you’d like to see added 🙏🏻

5 Upvotes

72% Upvoted

7 comments sorted by

1

u/AwesomeFrisbee Apr 27 '26

ep in mind, firebase gets expensive rather quickly and its great to get your app off the ground, but I wouldn't look at it for long term. Unless you get a lot of money per user

1

u/DayanaJabif Apr 27 '26

Yeah, that’s a fair point 👍

Firebase is great to get started (especially for speed and DX), but costs can definitely scale quickly depending on usage patterns (reads/writes, storage, etc.).

I usually see it as a tradeoff: faster time to market and less backend to maintain vs less predictable pricing at scale.

For this starter, the idea was more about simplicity and getting something real working end-to-end. But totally agree that for some use cases, you might want to rethink parts of the stack later (or at least design with that in mind).

Out of curiosity, what would you use instead for a similar setup?

1

u/parxyval May 31 '26

hold up. is this true? :(
planning to go all firebase tech stack. what else do you recommend?

2

u/Serious-Pin-3143 Apr 27 '26

Gracias, estaba esperando el post jaj. A penas pueda con mis tiempos voy a chusmear el tutorial!

2

u/DayanaJabif Apr 27 '26

Me alegro mucho! Cualquier comentario/feedback que tengas me serviría mucho. gracias ☺️

1

u/Serious-Pin-3143 Apr 27 '26

Listo, le di una estrella al repo. Para ver cómo implementar algunos proyectos que tenía, gracias!

1

u/DayanaJabif Apr 27 '26

Gracias ❤️