Vibe | Flutter Chat App With VoIP

Build a modern real-time communication app with Vibe. Vibe is a production-ready Flutter chat application powered by Firebase, featuring real-time messaging, voice and video calling, AI assistance, status updates, push notifications, and a modern customizable UI for Android and iOS.

App Features

Real-Time Messaging: Send text messages, images, videos, voice notes, and files instantly.
Voice & Video Calls: High-quality voice and video calling powered by Agora SDK with secure server-side token generation.
Status / Stories: Share updates that automatically disappear after 24 hours.
AI Assistant: Chat with an AI assistant powered by Groq/LLaMA 3.1 through a secure server-side Firebase Cloud Function.
Firebase Backend: Firebase Authentication, Cloud Firestore, Cloud Storage, and Firebase Cloud Functions.
Push Notifications: Real-time notifications using Firebase Cloud Messaging.
Group Chats: Create and manage group conversations with multiple participants.
Modern UI: Clean and responsive interface with Light and Dark mode support.
User Presence: Online status, last seen information, and typing indicators.
Read Receipts: Message delivery and read status tracking.
Emoji & Reactions: Built-in emoji support and message reactions.
Media Sharing: Share photos, videos, documents, and other supported media files.
Secure Call Tokens: Agora RTC tokens are generated server-side to keep the Agora App Certificate out of the client application.
Secure AI Proxy: Groq API requests are processed through Firebase Cloud Functions so the Groq API key is never exposed in the Flutter application.

Previews

Chat UI Overview
Authentication Screen
Welcome Screen
Avatar UI
Message UI
Profile Screen
Notification Screen
Chat Screen
Status Screen
Emoji Reactions
Gallery UI

Demo Access

Download Demo APK

Demo Login:
Phone: +1 1234567890
OTP: 123456

AI Usage Disclosure

Vibe Messenger includes an AI chatbot powered by Groq and LLaMA 3.1. AI requests are securely processed through Firebase Cloud Functions. The Groq API key is stored server-side using Firebase Functions Secret Manager and is never included in the Flutter client application.

Buyers must configure their own Groq API credentials on the server side before using the AI functionality. The Groq API key should never be added to app_constants.dart, ai_service.dart, or any other Flutter/Dart source file.

The AI integration uses a secure server-side proxy architecture:

Flutter App → Firebase Cloud Function → Groq API → Firebase Cloud Function → Flutter App

The application does not expose the Groq API key to end users or store the key inside the client application. AI/API usage may incur additional costs according to the provider’s pricing and usage policies.

Groq AI Configuration

The AI feature requires a Groq API key configured on the Firebase Functions backend. The key is managed as a server-side secret and is not placed inside the Flutter application.

After creating your Groq API key, configure it using Firebase Functions Secret Manager:

firebase functions:secrets:set GROQ_API_KEY

Then deploy the Firebase Cloud Functions:

firebase deploy --only functions

The documentation included with the source code provides detailed instructions for Firebase configuration, Groq setup, Cloud Functions deployment, and troubleshooting.

Security: Never commit your real Groq API key to source control and never place it inside a Flutter/Dart file.

Important: External Service Costs

Vibe uses several third-party services that may require additional payment depending on usage. These services are not included in the item purchase price.

Disclaimer: Third-party service fees are separate from the CodeCanyon item purchase price and are the responsibility of the buyer.

Firebase: Firebase services may require a paid plan depending on project usage and selected services.
Agora: Voice and video calling may incur usage-based charges according to Agora’s pricing and usage policies.
Groq API: AI functionality requires a buyer-provided Groq account/API key and may incur additional charges based on API usage and the provider’s pricing.

Requirements

Compatible Platforms: Android and iOS
Flutter: Flutter SDK with Dart 3.5.0 or compatible stable Flutter environment
Development Environment: Android Studio or Visual Studio Code
Firebase: Firebase account and project
Agora: Agora account for voice and video calling
Groq: Groq account and API key for the optional AI feature
Firebase CLI: Required for Firebase Cloud Functions deployment

Firebase Setup

Vibe uses Firebase for authentication, database, storage, push notifications, and server-side Cloud Functions.

The distributed package does not contain the seller’s production Firebase project credentials. Buyers should create and configure their own Firebase project using the included documentation.

The documentation provides step-by-step instructions for:

Creating a Firebase project
Configuring Firebase Authentication
Setting up Cloud Firestore
Configuring Firebase Storage
Configuring Firebase Cloud Messaging
Setting up Firebase Cloud Functions
Configuring Firebase App Check
Deploying the backend functions

Agora Voice & Video Calling

Vibe uses Agora SDK for voice and video calling. The Agora App ID is used by the client, while the Agora App Certificate remains server-side and is never included in the Flutter application.

The included Firebase Cloud Functions generate the required RTC tokens securely. Detailed Agora configuration and deployment instructions are included in the documentation.

Security

Server-Side Agora Tokens: RTC tokens are generated by Firebase Cloud Functions.
Protected Agora Certificate: The Agora App Certificate is kept server-side and is not distributed inside the client application.
Server-Side Groq API: Groq requests are proxied through Firebase Cloud Functions.
Protected API Key: The Groq API key is stored using Firebase Functions Secret Manager.
Firestore Security: Firestore access is restricted according to authenticated users and conversation participants.
Firebase App Check: The application supports production Firebase App Check configuration.

Documentation

Complete HTML documentation is included with the source code. The documentation covers installation, Firebase configuration, Agora setup, Groq AI configuration, Cloud Functions deployment, Android configuration, iOS configuration, release builds, customization, troubleshooting, and project structure.

The documentation also includes a backend FAQ and troubleshooting guide to help resolve common Firebase, Firestore, notification, Storage, calling, and AI configuration issues.

Customization

Vibe is designed to be customized and extended. The documentation explains the main theme variables, colors, UI configuration, project structure, and the primary areas developers can modify when creating their own branded application.

Developers can customize the application branding, colors, typography, UI components, Firebase configuration, and supported functionality while maintaining the existing project architecture.

Project Structure

The project follows a feature-based Flutter architecture designed for maintainability and future expansion. Chat, home, authentication, calling, notifications, profile, and other major features are organized into dedicated modules.

The chat and home presentation layers use smaller reusable widgets and components to make the codebase easier to understand, maintain, and extend.

What’s Included?

Full Flutter source code
Android and iOS source code
Firebase Cloud Functions source code
Complete HTML documentation
Firebase setup guide
Agora voice and video calling setup guide
Groq AI server-side configuration guide
Backend FAQ and troubleshooting guide
Project architecture and folder structure documentation
Customization guide
Release build configuration guide
Future updates

Why Choose Vibe?

Production-ready Flutter architecture
Real-time messaging and communication features
Secure server-side Agora token generation
Secure server-side Groq AI integration
Firebase-powered backend
Clean and scalable codebase
Reusable UI components
Light and Dark mode support
Easy to customize and extend
Designed for real-world communication applications

Changelog

Version 1.0.0

Initial release.
Real-time messaging.
Voice and video calling.
Status and stories.
Firebase backend integration.
AI assistant integration.
Push notifications.
Group chat functionality.
Light and Dark mode support.