Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Transform boring event pages into stunning, conversion-optimized microsites Zero coding. Maximum impact. AI-enhanced. Real-time magic.

License

Notifications You must be signed in to change notification settings

iamaanahmad/eventola

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

17 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿš€ Eventola - AI-Powered Event Microsites That Convert

Next.js TypeScript Appwrite AI Powered

๐ŸŽฏ Transform boring event pages into stunning, conversion-optimized microsites

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.


๐ŸŽฌ DEMO TIME

๐Ÿ”ฅ LIVE SITE โ€ข ๐Ÿ“ฑ Mobile Optimized โ€ข โšก Real-time RSVPs

Quick Test: Visit the demo, see the live RSVP counter, try the AI generators!


๐ŸŒŸ The "WOW" Factor

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

๐Ÿ’ก The Problem We Solved

Before Eventola: Hours of design work, developer costs, boring signup forms
After Eventola: 60 seconds โ†’ Professional event microsite with AI content & real-time features


โœจ Features That Convert

๐ŸŽจ For Event Organizers

  • ๐Ÿ” 1-Click Authentication - Secure login via Appwrite
  • ๐ŸŽจ Theme Selection - 4 designer-quality themes
  • ๐Ÿ–ผ๏ธ Visual Branding - Drag & drop cover images + logos
  • ๐Ÿค– AI Content Magic
    • Smart descriptions in seconds
    • Catchy taglines automatically
  • ๐Ÿ“Š Live Dashboard - All events in one place
  • โšก 60-Second Setup - Idea โ†’ Live page

๐ŸŽ‰ For Event Attendees

  • ๐ŸŒ Stunning Microsites - Each event gets a unique URL
  • ๐Ÿ“Š Live RSVP Counter - Social proof builds excitement
  • ๐ŸŽŸ๏ธ Instant QR Tickets - Professional ticket generation
  • โฐ Animated Countdown - Building anticipation
  • ๐Ÿ—บ๏ธ Smart Location Maps - Embedded directions
  • ๏ฟฝ Celebration Effects - Confetti on successful RSVP
  • ๐Ÿ“ฑ Mobile Perfected - Works flawlessly everywhere

๐Ÿ› ๏ธ Tech Stack - Built for Scale

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

๐Ÿ”ฅ Appwrite Integration Deep Dive

๐Ÿ” 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

๐ŸŽจ Theme Showcase - Visual Excellence

๐ŸŒŠ 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!


๐Ÿš€ Quick Start - Be Running in 3 Minutes

๐Ÿ“‹ Prerequisites

  • Node.js 18+
  • Appwrite Cloud account (free)
  • Google AI API key (optional for AI features)

โšก Lightning Setup

# 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)

๐Ÿ”ง Environment Configuration

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-key

๐Ÿ—๏ธ Automated Backend Setup

Our setup script creates everything automatically:

โœ… Database: events_db
โœ… Collections: events, rsvps  
โœ… Storage: event-covers, event-logos
โœ… Permissions: Properly configured
โœ… Attributes: All 15 fields set up

Alternative: Manual setup instructions in docs/ folder


๐ŸŽฎ Try It Now - Interactive Demo

๐ŸŽฏ For Developers

๐Ÿš€ Live Demo: https://eventola.appwrite.network

Test Flow:

  1. ๐Ÿ“ Register Account โ†’ Sign up as organizer
  2. ๐ŸŽจ Create Event โ†’ Choose Quantum theme
  3. ๐Ÿค– Use AI Tools โ†’ Generate description & tagline
  4. ๐Ÿ“ค Upload Images โ†’ Add cover + logo
  5. ๐ŸŒ View Live Page โ†’ See your microsite
  6. ๐Ÿ‘ฅ Test RSVP โ†’ Watch counter update live
  7. ๐ŸŽŸ๏ธ Get QR Ticket โ†’ Instant ticket generation

๐Ÿงช Development Commands

# 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

๐Ÿ—๏ธ Architecture & Performance

๐ŸŽฏ Key Metrics

  • โšก Page Load: <2s initial load
  • ๐Ÿ”„ Real-time Updates: <100ms latency
  • ๐Ÿ“ฑ Mobile Score: 95+ Lighthouse
  • ๐ŸŽจ Theme Switch: Instant transitions
  • ๐Ÿค– AI Generation: 2-5s response time

๐Ÿ”’ Security & Scalability

  • ๐Ÿ›ก๏ธ 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

โœ… Production-Ready Quality

โœ… 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


๐Ÿค Built by Passionate Developers

๐Ÿ“ง Contact: [email protected]
๐Ÿ™ GitHub: @iamaanahmad
๐ŸŒ Live Demo: https://eventola.appwrite.network


๐Ÿ’ Powered by Appwrite

This project showcases the incredible power and developer experience of Appwrite.
Every feature just works, and the integration is seamless. Keep building amazing tools!


Made with love Powered by Appwrite AI Enhanced

About

Transform boring event pages into stunning, conversion-optimized microsites Zero coding. Maximum impact. AI-enhanced. Real-time magic.

Topics

Resources

License

Stars

Watchers

Forks

Contributors 2

  •  
  •  

Languages