A fully functional mobile application for managing supermarket shopping, developed using Angular, Ionic, and Firebase. The project leverages Capacitor for native functionality and integrates barcode scanning, camera access, offline storage, and real-time data syncing.
Originally designed in Figma, this app targets Android and iOS platforms and uses Firebase for authentication, database, and storage services.
- 📦 Product Scanning: Barcode scanning for quick product entry.
- 🧾 Shopping Lists: Create and manage multiple shopping lists.
- 🔄 Real-Time Sync: Data is synced with Firebase for instant updates.
- ☁️ Cloud Storage: Store user data persistently via Firebase.
- 📷 Camera Integration: Capture product images through device camera.
- 💾 Offline Support: Local storage enabled via SQLite for offline usability.
- 📱 Cross-Platform: Runs on Android and iOS using Capacitor.
Ensure the following are installed:
- Node.js
- npm
- (Opcional) Android Studio or Xcode
git clone https://github.com/t2ne/eu-compro
cd eu-compronpm install -g @ionic/cli @angular/cli cordova-resnpm installTo run the app in a web browser:
ionic serveionic capacitor add android
ionic capacitor open androidionic capacitor add ios
ionic capacitor open iosUse Android Studio or Xcode to build and run on an emulator or physical device.
Run unit tests:
npm run testThis application was developed as part of an academic project focused on cross-platform mobile development, demonstrating proficiency in:
- Angular + Ionic framework
- Firebase integration (Authentication, Firestore, Storage)
- Native APIs with Capacitor
- UX/UI design following a Figma prototype