Zero coding. Maximum impact. AI-enhanced. Real-time magic.
TL;DR: Eventola = 60-second event microsites with AI content, realtime RSVPs, and instant QR tickets. Built fully on Appwrite Sites.
๐ฅ LIVE SITE โข ๐ฑ Mobile Optimized โข โก Real-time RSVPs
Quick Test: Visit the demo, see the live RSVP counter, try the AI generators!
Why Eventola will blow your mind:
๐ค AI-First Experience - Event descriptions and taglines generated instantly
โก Real-time Magic - Watch RSVP counters update live across all devices
๐จ 4 Stunning Themes - Quantum, Warp, Classic, Minimal designs
๐๏ธ Instant QR Tickets - Professional tickets generated automatically
๐ฅ Sub-60s Setup - From idea to live event page in under a minute
Before Eventola: Hours of design work, developer costs, boring signup forms
After Eventola: 60 seconds โ Professional event microsite with AI content & real-time features
|
|
| Frontend | Backend | AI/ML | Tools |
|---|---|---|---|
| Next.js 15.3.3 | Appwrite Cloud | Google Gemini | TypeScript |
| React 18 | Authentication | Genkit AI | Tailwind CSS |
| ShadCN/UI | Database | Smart Generation | React Hook Form |
| Tailwind CSS | Storage Buckets | Context-Aware AI | Zod Validation |
| Turbopack | Realtime APIs | Natural Language | Lucide Icons |
๐ Authentication System
// Secure session management with Appwrite
- Email/password authentication
- Protected dashboard routes
- Persistent sessions across devices๐ Database Architecture
// Smart data modeling
events_db/
โโโ events (11 attributes)
โ โโโ Event details & metadata
โ โโโ Theme & branding info
โ โโโ File references
โโโ rsvps (4 attributes)
โโโ Attendee information
โโโ Unique ticket IDs
โโโ Event relationships๐พ Storage System
// Organized file management
Storage/
โโโ event-covers/ (Hero images)
โโโ event-logos/ (Brand assets)
โโโ Public read, auth writeโก Realtime Magic
// Live updates without refresh
client.subscribe('databases.events_db.collections.rsvps.documents')
.then(response => updateRSVPCount(response.payload))
// Instant social proof across all devices| ๐ Warp | โ๏ธ Quantum | ๐ฏ Classic | โจ Minimal |
|---|---|---|---|
| Futuristic gradients | Sci-fi aesthetics | Elegant typography | Clean & modern |
| Animated backgrounds | Particle effects | Serif fonts | Focused content |
| Cyberpunk vibes | Tech conference ready | Corporate events | Startup launches |
Pro Tip: Each theme is fully responsive and includes dark/light mode variants!
- Node.js 18+
- Appwrite Cloud account (free)
- Google AI API key (optional for AI features)
# 1. Clone the magic
git clone https://github.com/iamaanahmad/eventola.git
cd eventola
# 2. Install dependencies
npm install
# 3. Configure environment
cp .env.example .env.local
# Add your Appwrite credentials
# 4. Auto-setup backend (requires Appwrite API key)
npm run setup:appwrite
# 5. Launch ๐
npm run dev๐ฏ Visit: http://localhost:9002 (for development) or https://eventola.appwrite.network (live demo)
Create .env.local:
# Appwrite Configuration
APPWRITE_ENDPOINT=https://[YOUR-REGION].cloud.appwrite.io/v1
APPWRITE_PROJECT_ID=your-project-id
APPWRITE_API_KEY=your-server-api-key
# AI Features (Optional)
GEMINI_API_KEY=your-google-ai-keyOur setup script creates everything automatically:
โ
Database: events_db
โ
Collections: events, rsvps
โ
Storage: event-covers, event-logos
โ
Permissions: Properly configured
โ
Attributes: All 15 fields set upAlternative: Manual setup instructions in docs/ folder
๐ Live Demo: https://eventola.appwrite.network
Test Flow:
- ๐ Register Account โ
Sign up as organizer - ๐จ Create Event โ
Choose Quantum theme - ๐ค Use AI Tools โ
Generate description & tagline - ๐ค Upload Images โ
Add cover + logo - ๐ View Live Page โ
See your microsite - ๐ฅ Test RSVP โ
Watch counter update live - ๐๏ธ Get QR Ticket โ
Instant ticket generation
# Development server
npm run dev # Start with Turbopack
# Appwrite utilities
npm run setup:appwrite # Auto-setup backend
npm run test:appwrite # Verify connection
npm run fix:permissions # Fix collection permissions
npm run fix:storage # Fix storage permissions
# AI development
npm run genkit:dev # AI development mode
npm run genkit:watch # Watch mode for AI
# Production
npm run build # Build for production
npm run start # Start production server- โก Page Load: <2s initial load
- ๐ Real-time Updates: <100ms latency
- ๐ฑ Mobile Score: 95+ Lighthouse
- ๐จ Theme Switch: Instant transitions
- ๐ค AI Generation: 2-5s response time
- ๐ก๏ธ Appwrite Security - Built-in auth & permissions
- ๐ Type Safety - End-to-end TypeScript
- ๐ Scalable Database - Optimized queries & indexing
- โ๏ธ CDN Ready - Optimized assets & images
- ๐ Global Deploy - Edge-ready architecture
โ
Complete Feature Set - Fully functional platform
โ
Error Handling - Graceful failures and user feedback
โ
Type Safety - End-to-end TypeScript implementation
โ
Performance - Optimized queries, lazy loading, image optimization
โ
Accessibility - ARIA labels, keyboard navigation, screen reader friendly
โ
Mobile Experience - Touch-optimized, responsive design
๐ง Contact: [email protected]
๐ GitHub: @iamaanahmad
๐ Live Demo: https://eventola.appwrite.network
This project showcases the incredible power and developer experience of Appwrite.
Every feature just works, and the integration is seamless. Keep building amazing tools!