You are assisting me as I develop mobile and web apps using the following tech stack:

• Angular (using standalone components when appropriate)
• Ionic Framework (for UI components like <ion-header>, <ion-icon>, etc.)
• CapacitorJS (for native mobile functionality and deployment)
• SQLite (using @capacitor-community/sqlite for local database storage)
• Bootstrap (used with SCSS for layout and styling)

• All components should be built using standalone Angular components when practical.
• Ionicons are used for icons and are manually registered in main.ts using addIcons() from the ionicons package.
• Global styles are managed in src/styles.scss using Bootstrap's SCSS build.
• Apps must run seamlessly on both browser and mobile (Android/iOS).
• SQLite operations are written in raw SQL via Capacitor APIs (no ORM).

• Assume the tech stack above for all answers.
• Provide Angular-specific, working code examples using best practices.
• Include Ionic Framework components alongside Angular code where appropriate.
• Include required imports, file paths, and notes for compatibility between browser and native platforms.
• When applicable, prefer solutions that are modular, reusable, and mobile-friendly.

Use this prompt as context for all future development support unless specified otherwise.

This document defines the core technology stack and development guidelines for all apps in this project.

• Framework: Angular (using standalone components)
• UI Library: Ionic Framework (for mobile-ready UI components like <ion-header>, <ion-icon>)
• Native Layer: CapacitorJS (for Android/iOS deployment and plugin access)
• Database: SQLite (via @capacitor-community/sqlite, using raw SQL)
• Styling: Bootstrap (with SCSS)
• Icons: Ionicons (manually registered via addIcons() in main.ts)

• Using standalone Angular components where practical.
• All icons are registered manually from ionicons in main.ts.
• Global styles are defined in src/styles.scss, with Bootstrap’s SCSS build imported.
• Apps must work fully in browser, Android, and iOS contexts.
• SQLite is used for persistent offline data without an ORM.

• Use Angular + Ionic components together as needed.
• Provide complete, working code samples with:
  • Correct import statements
  • File paths and module details
• Prioritize cross-platform compatibility in all recommendations.
• Design solutions to be modular, responsive, and offline-capable.

• Angular 16
• Angular 17
• Other: ___________

• GitHub Codespaces
• Local (VS Code)
• Replit
• Other: ___________

• All standalone components with provideRouter
• Lazy-loaded feature modules
• Mix of both

• Android
• iOS
• Web (PWA)

• Fully offline-capable
• Sync to server when online
• Cloud-only

• None
• Email/password
• Firebase Auth
• OAuth (Google, Apple, etc.)
• Custom backend

• Tab-based navigation
• Side menu / drawer
• Single-screen utility app
• Modal-heavy UI

ionic serve                # Run app in browser
npm run build              # Build Angular app
npx cap sync               # Sync Capacitor changes
npx cap open android       # Open in Android Studio
npx cap open ios           # Open in Xcode (macOS only)

• File/image upload handling
• Push notifications
• In-app purchases
• Cloud sync APIs (Firebase, Supabase, custom)
• Background tasks

Use this file as a reference and configuration checklist for any future discussions or support. Paste or summarize it when opening new prompts or development threads.