Singapore's First AR Creature Collection App for Sustainability
Transform Singapore's Green Plan 2030 into an exciting AR adventure! Collect unique Singapore-themed creatures by completing real-world sustainable actions. Make eco-friendly habits fun, social, and rewarding.
Singapore's Green Plan 2030 is ambitious, but there's a critical gap between national sustainability targets and individual action. Young Singaporeans (Gen Z & Millennials) need engaging motivation to adopt eco-friendly habits consistently.
ECO-Guardian gamifies sustainability through AR creature collection:
- Discover creatures at real eco-locations using Singapore APIs
- Complete challenges aligned with Green Plan 2030 targets
- Track real impact with environmental data integration
- Share achievements to inspire community action
- 4 Unique Creature Types representing Green Plan pillars
- Location-Based Spawning at parks, EV stations, recycling centers
- Rarity System from Common to Legendary
- Evolution Mechanics based on sustained eco-habits
- OneMap API for accurate location data
- NEA Environmental Data for real-time air quality
- PUB ABC Waters sites for water conservation
- Smart Nation Sensors for environmental conditions
- Daily & Weekly Challenges for consistent engagement
- Achievement System with 20+ unlockable badges
- Sustainability Streaks to build lasting habits
- Leaderboards for community competition
- AR Photo Sharing with automatic sustainability hashtags
- Community Challenges for group impact
- Environmental Impact Tracking (CO2, water, waste saved)
- Progress Visualization with Green Plan 2030 alignment
- Node.js: 18.20.2+ (LTS recommended)
- Package Manager: npm (included with Node.js)
- Expo CLI:
npm install -g @expo/cli - iOS Development: Xcode 15+ with iOS Simulator
- Android Development: Android Studio with emulator or physical device
- macOS: Watchman (
brew install watchman)
# Clone the repository
git clone https://github.com/your-username/eco-guardian-app.git
cd ECO-guardian
# Install dependencies
npm install --legacy-peer-deps
# Set up environment variables
cp .env.example .env
# Edit .env with your Firebase and API keys
# Start development server
npx expo start --localhost
# Run on device (in separate terminal)
npx expo run:ios # iOS Simulator
npx expo run:android # Android Emulator- Metro bundler errors: Run
npx expo start --localhost -cto clear cache - "Too many open files" (macOS): Run
ulimit -n 65536before starting Metro - iOS build issues: Clean Xcode build folder (Product β Clean Build Folder)
- Android build issues: Run
cd android && ./gradlew clean
- Create Firebase project at https://console.firebase.google.com
- Enable Authentication, Realtime Database, Storage
- Add configuration to
.envfile - See DEPLOYMENT.md for detailed setup
- Frontend: React Native + Expo (cross-platform)
- AR: ARCore/ARKit integration
- Backend: Firebase (real-time, auth, storage)
- State: Redux Toolkit with offline support
- APIs: OneMap, NEA, PUB, Smart Nation
| Component | Version | Notes |
|---|---|---|
| React Native | 0.73.0 | Stable with Expo SDK 50 |
| React | 18.2.0 | Aligned with RN peer requirements |
| Expo SDK | 50.0.0 | Latest stable release |
| Node.js | 18.20.2+ | LTS recommended |
| iOS Target | 13.4+ | Required for modern RN features |
| Android SDK | 33+ | Target SDK for Play Store compliance |
| CocoaPods | 1.12+ | Required for iOS dependencies |
src/
βββ components/ # Reusable UI components
βββ screens/ # Main app screens
βββ services/ # API integrations & business logic
βββ store/ # Redux state management
βββ hooks/ # Custom React hooks
βββ utils/ # Helper functions & constants
βββ types/ # TypeScript definitions
| Pillar | Creature | Locations | Impact |
|---|---|---|---|
| π³ City in Nature | Greenie | Parks, Gardens | Biodiversity awareness |
| β‘ Energy Reset | Sparkie | EV Stations | Clean energy adoption |
| β»οΈ Sustainable Living | Binities | Recycling Centers | Waste reduction |
| π§ Resilient Future | Drippies | ABC Waters Sites | Water conservation |
- 40% Higher Engagement vs traditional sustainability apps
- 60% Better Retention through gamification
- 2.5kg CO2 Saved per user per month (estimated)
- 2.8M Target Users (Gen Z/Millennials in Singapore)
npm start # Start Expo dev server
npm test # Run tests
npm run lint # Code linting
npm run type-check # TypeScript validation# Build for app stores
eas build --platform ios --profile production
eas build --platform android --profile production
# Submit to stores
eas submit --platform ios
eas submit --platform androidSee DEPLOYMENT.md for complete deployment guide.
Made with π for Singapore's sustainable future
ECO-Guardian - Collect creatures, save the planet! π±πΎ