Flutter Firebase 4-in-1 UI Kit Authentication Social Login for Any App & Flutter Web Support (2025)

CalorieCam — AI Food Calorie Scanner & Tracker | Gemini AI + ChatGPT | Node.js Admin Panel | Flutter

CalorieCam is a complete production-ready bundle: a premium cross-platform Flutter mobile app (Android + iOS) powered by Google Gemini 2.0 Flash or OpenAI ChatGPT (switchable from Admin Panel) for instant AI food scanning, plus a real-time Glassmorphic Web Admin Dashboard built with Node.js Express. Everything runs on a serverless Firebase backend — no custom server needed.

20+ Screens | 15 Languages | 56 Dart Files | Dark + Light Mode | AdMob + Subscription Ready

️ Customization & Setup Support:
Agar aapko is project ka setup karwana hai, application ka custom renaming karwana hai, package name change karna hai, ya koi bhi new feature customization chahiye, toh aap mujhse direct contact kar sakte hain. Main bahut hi affordable / low price main complete configuration aur support provide kar dunga!

Email: ppragnesh555@gmail.com
WhatsApp: +91 87585 43458

What You Get (Double Value Bundle)

This is NOT just a mobile app. You are purchasing a complete business-ready product bundle:

• Full Flutter Mobile App Source Code — Premium cross-platform client (Android + iOS) with 20+ unique screens
• Glassmorphic Web Admin Dashboard — Node.js Express-powered management portal with real-time Firebase sync
• Complete Firebase Backend — Cloud Firestore, Firebase Auth, Firebase Storage, FCM Push Notifications, Firebase Analytics
• Firestore Security Rules — Production-grade rules file ready to deploy
• Detailed PDF Setup Guide — Step-by-step documentation covering every configuration
• Custom Assets Pack — Lottie animations, vector icons, Poppins font suite, onboarding illustrations
• 15 Pre-built Language Translations — English, Spanish, Hindi, French, Arabic, Portuguese, Bengali, Russian, Japanese, German, Chinese, Italian, Turkish, Indonesian, Urdu
• Clean Architecture Code — 56 organized Dart source files using GetX state management with bindings pattern

Complete Mobile App Screens (20+ Screens)

Every screen is pixel-perfect, supports Dark Mode + Light Mode, and is fully localized in 15 languages:

Authentication & Onboarding (6 Screens)

1. Splash Screen — Animated brand launch screen with gradient background. Auto-redirect logic: first-launch goes to onboarding, logged-in goes to home, blocked goes to blocked screen.
2. Onboarding Screen (3 Pages) — Swipeable introduction pages (Scan, Track, Goals) with smooth page indicator dots, skip button, and animated illustrations.
3. Login Screen — Email/Password login + Google Sign-In button + Apple Sign-In button + Guest login + Navigate to Register + Forgot Password link.
4. Register Screen — Name, email, password, confirm password fields with real-time validation + social auth buttons + Firebase Auth integration.
5. Forgot Password Screen — Email input with Firebase password reset link sender + success and error feedback.
6. Profile Setup Screen — Step-by-step wizard: gender selection, age input, weight/height entry, activity level picker, goal type (lose/maintain/gain weight), auto BMR and calorie calculation, save to Firestore.

Main App Screens (8 Screens)

1. Main Screen (Bottom Navigation) — Bottom navigation bar hosting 4 tabs: Home, Food Diary, Progress, Settings. Central floating action button for quick AI scan.
2. Home Dashboard Screen — Greeting header with PRO badge + Circular calorie progress ring + Macro breakdown bars (Protein, Carbs, Fat) + Quick action grid (Scan, Barcode, Fasting, Coach, Meal Plan, Water, Search) + Today’s meals summary list.
3. AI Scan Screen — Camera capture + gallery picker. Sends image to AI (Gemini or ChatGPT — admin selects which one). Identifies multiple food items. Displays calories, protein, carbs, fat, fiber, sugar, portion size, and confidence level. One-tap log to diary.
4. Barcode Scanner Screen — Camera-based barcode reader using mobile_scanner. Queries OpenFoodFacts API v2. Displays packaged food nutrition details instantly.
5. Food Diary Screen — Full-day meal log organized by Breakfast, Lunch, Dinner, Snack sections + Macro summary header (Protein, Carbs, Fat) + Total daily calorie count + Swipe-to-delete meals.
6. Food Search Screen — Search bar to manually find and log food items from database with nutritional details preview.
7. Progress & Analytics Screen — Weight progress card with start/current/target + Linear progress bar + Streak days counter + Average calories stat + Interactive weekly calorie bar chart (fl_chart) + Weight trend line chart.
8. Settings Screen — Profile card with avatar + Dark/Light mode toggle + Language selector (15 languages) + Unit system switch (Metric/Imperial) + Notification toggle + Edit goals + Rate app + Share app + Privacy policy + Logout + Delete account.

Premium Feature Screens (4 Screens)

1. AI Health Coach Screen — Full conversational chat interface + message bubbles + typing indicator + context-aware nutritional advice + suggested quick questions + conversation history management. Powered by Gemini or ChatGPT (admin configurable).
2. AI Meal Plan Generator Screen — Diet preference selector (Balanced, Keto, Vegan, Paleo, Mediterranean) + AI-generated daily meal cards with Breakfast, Lunch, Snack, Dinner + per-meal calories and macros + prep time + grocery list.
3. Intermittent Fasting Timer Screen — Protocol selector (16:8, 18:6, 20:4, 5:2) + animated circular countdown timer + elapsed/remaining time display + start/stop controls + streak counter + completed sessions tracker.
4. Water Tracker Screen — Animated circular water progress ring + glasses consumed count + quick-add buttons (150ml, 250ml, 500ml) + daily intake history log with timestamps.

Monetization & System Screens (2 Screens)

1. Subscription / Paywall Screen — Premium gradient UI + feature benefits list + plan selector cards (Weekly $1.99, Monthly $4.99, Yearly $29.99) + Subscribe button + Restore purchase. Supports RevenueCat API OR Firebase Firestore billing simulation.
2. Blocked User Screen — Displays when admin blocks a user remotely from dashboard. Shows suspension notice with support email contact info.

Admin Dashboard Sections (6 Sections)

The admin panel is a responsive, glassmorphic web interface built with vanilla HTML/CSS/JS, served by Node.js Express. It connects directly to the same Firebase project as the mobile app using real-time Firestore listeners.

1. Admin Login Overlay — Glassmorphic login card with username/password authentication, error handling, and session persistence.
2. Overview Dashboard Tab — 4 stat cards (Total Users, PRO Accounts, Total Food Logs, Average Calorie Goal) + Goals distribution doughnut chart + Activity levels bar chart + Recently active users table.
3. User Profiles Tab — Searchable user table with avatar, name, email, plan status, calorie goal, gender/age, weight/height. Filter buttons: All, PRO Only, Free Tier. Manage button per user.
4. Food Logs Database Tab — All user food logs with photo, email, meal category, food item name, portion, calories, macros (P/C/F), logged date. Search bar + Meal type filter (Breakfast, Lunch, Dinner, Snack).
5. Configuration Tab — Firebase connection details (Project ID, API Key, sync interval) + Admin Panel metadata (version, framework, database status indicator) + AI Provider Configuration (select Gemini or ChatGPT, set API keys, choose model version, save to Firestore — mobile app reads this on launch).
6. User Management Modal — Full user profile editor: Weight, Height, Age, Gender, Goal Type, Activity Level, Daily Calorie Goal, Target Weight + Toggle PRO access ON/OFF + Toggle Block User ON/OFF + Add food log entry to user’s diary remotely.

AI-Powered Features (Dual AI Engine: Gemini + ChatGPT)

Switch between Google Gemini and OpenAI ChatGPT directly from the Admin Panel — no code changes needed! The admin sets the API key and selects the provider, and the mobile app automatically uses the selected AI engine.

Supported AI Providers

• Google Gemini — Models: gemini-2.0-flash (recommended), gemini-2.0-flash-lite, gemini-1.5-flash, gemini-1.5-pro
• OpenAI ChatGPT — Models: gpt-4o-mini (recommended), gpt-4o, gpt-4.1-mini, gpt-4.1

AI Features (Work with Both Providers)

• AI Food Vision Scanner — Point camera at any plate. AI multimodal vision identifies every food item. Returns: food name, portion size estimate, calories, protein, carbohydrates, fat, fiber, sugar, and confidence level (high/medium/low).
• AI Health Coach Chatbot — Full conversational interface. System prompt pre-loaded with nutritional guidelines. Context-aware: considers user’s calorie goals and food history. Suggests healthier alternatives, meal ideas, and dietary tips.
• AI Meal Plan Generator — Input calorie goal + diet preference (Balanced/Keto/Vegan/Paleo/Mediterranean) + allergies. AI generates complete daily plan: Breakfast, Lunch, Snack, Dinner with per-meal macros, prep time, and auto grocery list.

Admin Panel AI Configuration

• Select active provider: Google Gemini or OpenAI ChatGPT
• Enter API key with show/hide toggle (password masked)
• Choose specific model version from dropdown
• Save to Firebase — mobile app reads on launch automatically
• Change AI provider anytime without rebuilding the app

Built-In Monetization (Ready to Earn from Day 1)

Google AdMob Integration

Pre-configured ad unit placeholders for 3 ad types:

• Banner Ads — Android + iOS unit IDs pre-configured
• Interstitial Ads — Shown between scans based on configurable frequency
• Rewarded Ads — Users watch ads to unlock extra free scans

Premium Subscription Paywall

Beautiful gradient paywall screen with 3 pricing tiers:

• Weekly Plan — $1.99
• Monthly Plan — $4.99
• Yearly Plan — $29.99 (highlighted as best value)
• Restore Purchase functionality built-in
• Supports RevenueCat API key OR Firebase Firestore billing simulation (no payment gateway needed for testing)

Free Tier Quota System

• Configurable daily scan limit (default: 5 scans/day for free users)
• Ad shown after every N scans (configurable)
• Premium users get unlimited scans + ad-free experience

⭐ Premium (PRO) User Benefits

• Unlimited AI Food Scans (no daily quota)
• AI Health Coach Access (24/7 chatbot)
• AI Meal Plan Generator
• Intermittent Fasting Timer
• Exercise Tracker
• Advanced Analytics & Insights
• Export Data (CSV/PDF)
• Complete Ad-Free Experience

Firebase Backend Services Used

• Firebase Authentication — Email/Password login, Google Sign-In, Apple Sign-In, Guest login
• Cloud Firestore — Users collection, food_log sub-collection, water_log, weight_log, meal_plans, subscriptions, subscription_events, app_analytics, daily_active_users, fcm_tokens, promo_codes
• Firebase Storage — Scanned food photo uploads and user profile images
• Firebase Cloud Messaging — Push notifications with background message handling
• Firebase Analytics — Custom event tracking: scans, food logs, subscription events, user sessions, DAU/MAU metrics

15 Pre-Built Languages (270+ Translation Keys Each)

Every single string in the app is fully translated. Users can switch language in real-time from Settings:

1. English (en)
2. Spanish — Español (es)
3. Hindi — हिन्दी (hi)
4. French — Français (fr)
5. Arabic — العربية (ar)
6. Portuguese — Português (pt)
7. Bengali — বাংলা (bn)
8. Russian — Русский (ru)
9. Japanese — 日本語 (ja)
10. German — Deutsch (de)
11. Chinese — 中文 (zh)
12. Italian — Italiano (it)
13. Turkish — Türkçe (tr)
14. Indonesian — Bahasa Indonesia (id)
15. Urdu — اردو (ur)

Easy to add more languages — just add a new map entry in the translations file.

Technical Specifications

Mobile App

• Framework: Flutter SDK 3.12+
• Language: Dart 3.x
• State Management: GetX (Reactive + Route Bindings)
• Local Storage: Hive (NoSQL boxes)
• AI Engine: Google Gemini 2.0 Flash + OpenAI ChatGPT (switchable from Admin Panel, no rebuild needed)
• Backend: Firebase (Auth, Firestore, Storage, FCM, Analytics)
• Charts: fl_chart (bar charts, line charts)
• UI Design: Glassmorphism + Gradients + Poppins Font
• Animations: Lottie + flutter_animate + shimmer loading
• Total Source Files: 56 Dart files
• Android Min SDK: 21 (Android 5.0+)
• iOS Min: iOS 12.0+

Admin Panel

• Framework: Node.js + Express 4.x
• Language: Vanilla HTML + CSS + JavaScript
• Firebase Sync: Firebase Web SDK (Firestore real-time listeners)
• Charts: Chart.js (doughnut, bar charts)
• UI Design: Glassmorphism + Outfit Font
• Total Files: 3 files (HTML + CSS + JS)

Key Flutter Dependencies (25+ Packages)

• UI & Design: google_fonts, flutter_svg, lottie, shimmer, flutter_animate, cached_network_image, flutter_staggered_animations, percent_indicator, smooth_page_indicator
• State & Routing: get (GetX)
• Local Storage: hive, hive_flutter, path_provider
• Firebase Suite: firebase_core, firebase_auth, cloud_firestore, firebase_storage, firebase_messaging, firebase_analytics
• Social Auth: google_sign_in, sign_in_with_apple
• AI & Camera: google_generative_ai, camera, image_picker, image_cropper
• Barcode: mobile_scanner
• Networking: dio, connectivity_plus
• Charts: fl_chart
• Monetization: google_mobile_ads, purchases_flutter (RevenueCat)
• Notifications: flutter_local_notifications
• Utilities: intl, uuid, share_plus, url_launcher, permission_handler

Why Choose CalorieCam?

• Complete Business Bundle — App + Admin Dashboard + Backend + Documentation in one purchase
• No Custom Server Needed — 100% Firebase serverless architecture. Zero hosting costs to start
• Dual AI Engine — Google Gemini 2.0 Flash + OpenAI ChatGPT — switch from admin panel, no code changes needed
• Production-Ready Code — Clean GetX architecture, proper error handling, modular file structure
• Instant Monetization — AdMob + Subscription paywall pre-integrated. Start earning on launch
• Global Reach — 15 languages covering 4+ billion native speakers worldwide
• Beautiful UI/UX — Premium glassmorphic design with dark mode, gradient cards, Lottie animations
• Remote User Control — Block users, grant PRO access, edit profiles, add food logs — all from admin dashboard
• Easy Customization — All API keys in one file. Change package name, theme colors, and branding in minutes
• PDF Documentation Included — Step-by-step guide covering every single configuration

️ Customization & Integration Services

If you need custom development, logo integration, database migration, or project setup assistance at very low prices, feel free to reach out to me directly:

Email: ppragnesh555@gmail.com
WhatsApp: +91 87585 43458

Need Help?

If you need any support or have questions about setup, customization, or deployment — feel free to reach out through CodeCanyon comments or email. We typically respond within 24 hours. Your 5-star rating motivates us to keep improving this product!