Booking app with Angular, Capacitor and the Ionic Framework
Live App:
This command creates a working Ionic app. It installs dependencies for you and sets up your project.
ionic start
This will bring up a slightly different view that already shows your potential app inside a nice app container.
ionic lab
- Perform an Ionic build, which compiles web assets
- Copy web assets to Capacitor native platform(s)
- Update Capacitor native platform(s) and dependencies
- Install any discovered Capacitor or Cordova plugins
ionic sync
- Install the Capacitor platform package
- Copy the native platform template into your project
Android
ionic cap add android
iOS
ionic cap add ios
- Perform ionic build
- Copy web assets into the specified native platform
- Open the IDE for your native project (Xcode for iOS, Android Studio for Android)
ionic cap build
- An opinionated code formatter
yarn run prettier:list
yarn run prettier:write
- Udemy
- Prettier
- Ionic components
- Running the App on iOS
- Running the App on Android
- Official Capacitor Docs
- Chrome Dev Tools
- Safari Web Inspector
- Angular + Ionic Navigation Docs
- Styling & Theming Basics Docs
- CSS Variables
- Color Generator
- Theming
- More CSS Resources
- Official Angular Forms Docs
- How to pass data around in Angular
- Official Angular HttpClient Docs
- Official Google Maps JS SDK Docs
- Google Maps Pricing
- Official Capacitor Docs
- Official Cloud Functions Docs
- JSON Web Tokens
- ApeTools - Icons & SplashScreen Generator
- Ionic iOS Publishing Docs
- Ionic Android Publishing Docs
- Ionic PWA Publishing Docs
File – Project Structures:
- Android Gradle Plugin Version::
4.0.1 - Gradle Version:
6.1.1