Wedding Website

A premium, modern wedding website built with React, Vite, and Tailwind CSS, featuring Firebase integration for dynamic gallery uploads.

Features

• Elegant Design: Indian traditional theme with modern luxury aesthetics
• Smooth Animations: Fade-in, scroll reveals, and hover effects
• Dynamic Gallery: Firebase-powered photo/video uploads
• Admin Panel: Simple upload interface at /admin
• Responsive: Mobile-first design
• Modern Stack: React 18, TypeScript, Vite, Tailwind CSS

Setup

1. Install dependencies:

   npm install

2. Firebase Configuration:

   • Create a Firebase project at https://console.firebase.google.com/
   • Enable Firestore Database and Storage
   • Copy your Firebase config to src/lib/firebase.ts
   • Update the config object with your project details

3. Firebase Security Rules (optional for basic access):

   • Set up Firestore and Storage rules to allow reads/writes as needed

4. Development:

   npm run dev

5. Build for production:

   npm run build

Firebase Config

Replace the placeholder config in src/lib/firebase.ts:

const firebaseConfig = {
  apiKey: "your-api-key",
  authDomain: "your-project.firebaseapp.com",
  projectId: "your-project-id",
  storageBucket: "your-project.appspot.com",
  messagingSenderId: "123456789",
  appId: "your-app-id"
};

Admin Upload

Access the admin panel at /admin to upload images to the gallery. Images are stored in Firebase Storage and URLs saved in Firestore.

Customization

• Update wedding details in components (Hero, Events, etc.)
• Modify colors in src/index.css
• Adjust fonts in tailwind.config.ts

Deployment

Build the project and deploy the dist folder to your hosting provider (Vercel, Netlify, etc.).