Booking app with Angular, Capacitor and the Ionic Framework

Live App:

• https://ionic-angular-booking-firebase.web.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