I'm looking at some requirements for an application that a (potential) client of mine would like me to build. The app is quite complex but probably the biggest headache I have is that they need the app to work across all these platforms/situations:
- As a desktop Web App (I mean in a desktop browser rather than a compiled Electron app)
- Mobile Web App (i.e fully responsive when user hits the above site on a mobile device)
- Progressive Web App (i.e point 2 but with PWA capabilities)
- Native App in App Store (i.e hybrid Ionic 2 app)
Has anyone got any advice/experience of building something like the above in Angular 2 / Ionic 2?
I only have experience of building Ionic 2 mobile apps - I've not actually built a web app using Angular.
I'm thinking I would take a mobile-first approach and build this out as an Ionic 2 app to begin with making sure any services can be easily shared. Then look at making it work as a PWA. And then build duplicate components and templates (and routing) for the desktop web browser. Then on startup detect whether you are on mobile or desktop browser and then route the user from there. Is that a reasonable approach?
If anyone has any advice for tackling this sort of thing I'd be very grateful for it. Best approach? Things to look out for? Things NOT to do? Likely pitfalls? That sort of thing?