Luxury AI-Powered Indian Wedding Website
A premium, cinematic wedding microsite with personalised WhatsApp invite automation and AI-powered hospitality.
Features
- Cinematic Frontend – Hero, Our Story, Family, Events, Gallery, RSVP
- AI Invite Generation – OpenAI-powered personalised messages per guest
- WhatsApp Delivery – Meta Cloud API for invites, reminders, RSVP links
- Admin Dashboard – Guest list, RSVPs, invite tracking, bulk upload
- MongoDB – Guest & RSVP storage
Tech Stack
- Frontend: Next.js 14, TypeScript, Tailwind, Framer Motion, React Hook Form, Lucide
- Backend: Node.js, Express, MongoDB
- AI: OpenAI API
- WhatsApp: Meta Cloud API
Setup
1. Backend
cd backend
npm install
cp .env.example .env
# Edit .env with your MongoDB URI, OpenAI key, WhatsApp credentials
npm run dev
2. Frontend
cd frontend
npm install
cp .env.example .env.local
# Set NEXT_PUBLIC_API_URL if backend runs elsewhere
npm run dev
3. MongoDB Atlas
Create a cluster at mongodb.com/atlas and add the connection string to MONGODB_URI.
4. OpenAI
Get an API key from platform.openai.com and add to OPENAI_API_KEY.
5. WhatsApp Cloud API
- Create a Meta for Developers app
- Add WhatsApp product
- Get Phone Number ID and Access Token
- Configure webhook URL for incoming messages (optional, for AI auto-responses)
Name | Family Name | WhatsApp Number | Relation
Rajesh | Sharma | 9876543210 | Mama ji
Deployment
GitHub Pages
Live at https://badgayan123.github.io/PurNi-Wedding/ – push to master and the workflow deploys automatically. In repo Settings → Pages, set Source to GitHub Actions.
Vercel (full features including admin upload)
- Frontend: vercel.com/new → Import repo, Root Directory:
frontend
- Backend: Render / Railway – set env vars and
MONGODB_URI
Customisation
- Couple names: Edit
frontend/src/lib/wedding-config.ts (Nitesh & Purnima / PurNi)
- Wedding date: Edit
Hero.tsx WEDDING_DATE
- Events: Edit
Events.tsx events array
- Gallery: Replace URLs in
Gallery.tsx with your photos
- Family: Update
Family.tsx with actual family members