A feature-rich messaging application with Web3 integration, social features, and real-time communication.
- 💬 Real-time messaging with end-to-end encryption
- 🌐 Web3 & cryptocurrency integration
- 📸 Stories, posts, and social feeds
- 🎨 Stickers, GIFs, and AR filters
- 🎁 Token gifting and NFT support
- 📊 Analytics and user insights
- 🔐 Secure authentication with Appwrite
URL: https://lovable.dev/projects/c16deedd-a7ca-4f15-b0fe-e14dd8ed0faf
There are several ways of editing your application.
Use Lovable
Simply visit the Lovable Project and start prompting.
Changes made via Lovable will be committed automatically to this repo.
Use your preferred IDE
If you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable.
The only requirement is having Node.js & npm installed - install with nvm
Follow these steps:
# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>
# Step 2: Navigate to the project directory.
cd whisperrchat-b82a8ded
# Step 3: Install the necessary dependencies.
npm install
# Step 4: Configure environment variables
cp .env.example .env
# Edit .env with your Appwrite credentials
# Step 5: Start the development server with auto-reloading and an instant preview.
npm run devThis project is built with:
- Frontend: Vite + React + TypeScript
- UI Components: shadcn-ui + Tailwind CSS
- Backend: Appwrite (TablesDB)
- Blockchain: Web3.js + Ethers.js
- Real-time: Appwrite Real-time API
- Quick Start Guide - Comprehensive setup guide
- Environment Setup - Environment configuration details
- Database Schema - Database structure and relationships
- Architecture - System architecture overview
The application uses 5 Appwrite databases:
- mainDB - Core messaging (profiles, conversations, messages)
- socialDB - Social features (stories, posts, follows)
- web3DB - Blockchain integration (wallets, NFTs, transactions)
- contentDB - Rich content (stickers, GIFs, filters)
- analyticsDB - Analytics and notifications
src/lib/appwrite/
├── config/ # Appwrite client & configuration
├── services/ # Service modules
│ ├── profile.service.ts
│ ├── messaging.service.ts
│ ├── social.service.ts
│ ├── web3.service.ts
│ ├── storage.service.ts
│ └── realtime.service.ts
└── index.ts # Central exports
Via Lovable
Simply open Lovable and click on Share → Publish.
Manual Deployment
# Build the project
npm run build
# Deploy the dist/ folder to your hosting platform
# (Vercel, Netlify, etc.)Environment Variables
Ensure all required environment variables are set in your deployment platform:
VITE_APPWRITE_ENDPOINTVITE_APPWRITE_PROJECT_ID- All database and collection IDs (see
.env.example)
To connect a domain, navigate to Project > Settings > Domains and click Connect Domain.
Read more: Setting up a custom domain
- Bundle size: ~140 KB (gzipped)
- 2,700+ optimized modules
- Code splitting for optimal loading
- Real-time subscriptions with efficient filtering
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is part of the Lovable platform.