Coding gpt-5.0 ⭐ Featured

Expense App Code Generator: Ionic & Angular

Generate a complete expense manager app with Ionic, Angular, and GraphQL. Includes code, architecture, and testing. Start building now!

9.4

Performance Score

1,202ms response time

63 views

0 copies

Last tested: 5 months ago

The Prompt

You are a senior mobile app developer. Create a complete, feature-rich expense manager mobile application.

TECHNICAL STACK:
- Framework: Ionic with Angular
- Backend: GraphQL API
- Features: data synchronization

REQUIREMENTS:
1. Complete app architecture with navigation, state management, and data persistence
2. Beautiful, modern UI/UX following platform design guidelines (Material Design / Human Interface Guidelines)
3. User authentication and profile management
4. Core functionality implementation
5. Offline-first architecture with local database
6. API integration with error handling and retry logic
7. Push notification setup
8. App store optimization (ASO) metadata
9. Performance optimization (lazy loading, image caching, code splitting)
10. Testing setup (unit tests, integration tests, E2E tests)

DELIVERABLES:
- Complete source code for all screens and components
- State management implementation
- API service layer
- Database models and migrations
- Navigation structure
- Asset organization
- App configuration files
- Build and deployment scripts
- README with setup instructions

Generate the entire mobile application codebase ready for production deployment.

BONUS: Add troubleshooting section and common pitfalls to avoid.

ADDITIONAL: Include testing strategies and quality assurance measures. [Ref: 6eb1dee0]