Skip to content

Home

Jump to bottom
Sai Srujan Punati edited this page Apr 14, 2026 · 2 revisions

🚀 E-Cell Website – Tech Stack & Architecture

🧱 Core Stack Overview

Layer Technology
Frontend Astro
Hosting Vercel
Backend Node.js (Serverless)
Database Supabase (PostgreSQL)
File Storage Cloudflare R2
Image Storage Cloudinary
Email Service Resend
QR Generation qrcode (Node.js)
PDF Generation pdf-lib / puppeteer
Analytics Cloudflare Web Analytics
Domain Provider Hostinger / Namecheap

🟢 Frontend

  • Framework: Astro
  • Hosting: Vercel

🟡 Backend

🔥 Decision: Node.js (JavaScript)

Why:

  • Huge ecosystem (QR, PDF, email, etc.)
  • Works perfectly with Vercel serverless
  • Same language across frontend + backend

⚙️ Backend Hosting

  • Primary: Vercel Serverless Functions
  • Fallback (if scaling needed): AWS EC2

🟠 Database

  • Supabase (PostgreSQL)

🟣 Core Services

📧 Email System

  • Resend
  • Used for:
    • Ticket delivery
    • Registration confirmations

🧾 PDF / Ticket Generation

  • pdf-lib → lightweight + fast
  • puppeteer → advanced/custom layouts

🔳 QR Code System

  • qrcode (Node.js)

Flow:

  • Generate unique QR per registration
  • Embed in ticket PDF
  • Scan during event

🗂️ File Storage

  • Cloudflare R2

Usage:

  • Store generated tickets (PDFs)
  • Optional backups

🖼️ Image Storage

  • Cloudinary

Usage:

  • Event posters & banners
  • Media assets
  • Automatic optimization + CDN delivery

📱 QR Scanner (Event Desk)

✅ Recommended

  • Web-based scanner (/scan route)

Libraries:

  • html5-qrcode
  • zxing-js

Why:

  • No app install needed
  • Works on any phone

🚀 Future Option

  • Flutter mobile app (advanced version)

🌐 Domain

  • Recommended: Hostinger, Namecheap
  • Avoid: GoDaddy (cost + upsells)

🔐 Authentication (Future)

  • Supabase Auth
  • Role-based access for admin dashboard

📊 Admin Dashboard

Options:

  • Custom dashboard (Astro + APIs)
  • Supabase dashboard (quick internal use)

💰 Payment Gateway (Future)

  • Razorpay (India)

🔍 SEO Strategy

Implementation:

  • Meta tags (title, description)
  • Open Graph tags (social sharing)
  • Sitemap generation
  • Robots.txt
  • Clean URLs (/team, /events, /event/[slug])

Tools:

  • Astro SEO features
  • @astrojs/sitemap

Future:

  • Google Search Console

📊 Analytics

  • Cloudflare Web Analytics (Recommended)

    • Privacy-friendly
    • Lightweight
    • No cookies required

  • Alternative: Google Analytics

⚠️ Error Handling & Logging

  • Input validation (backend)
  • Proper HTTP status codes
  • Console logging (initial)

Future:

  • External logging/monitoring service

🔒 Security

  • Input sanitization
  • Rate limiting (basic)
  • Spam protection

Future:

  • CAPTCHA (for registrations)

🚀 Future Improvements

  • Full authentication system
  • Event capacity limits
  • Analytics dashboard
  • Payment integration
  • Mobile scanner app
  • Notification system

✅ Final Summary (Quick Reference)

Category Tool / Tech
Frontend Astro
Hosting Vercel
Backend Node.js (Serverless)
Database Supabase
Email Resend
Storage (Files) Cloudflare R2
Storage (Images) Cloudinary
QR Generation qrcode
PDF pdf-lib / puppeteer
Scanner Web (html5-qrcode)
Analytics Cloudflare Analytics
CI/CD GitHub Actions
Domain Hostinger / Namecheap

Clone this wiki locally