A beautiful, responsive wedding website built with modern web technologies to celebrate the union of Precious and Tony on January 10, 2026.
- Responsive Design: Looks great on all devices
- Interactive Gallery: Photo carousel with fullscreen mode
- Guestbook: Leave messages and well-wishes for the couple
- Blessings Wall: View messages from other guests
- Wedding Details: All the important information about the big day
- Elegant Animations: Smooth transitions and hover effects
- ⚛️ React 18 - Frontend library
- 🎨 Tailwind CSS - Styling with custom theme
- 🚀 Vite - Fast development server and build tool
- 🎭 Framer Motion - Smooth animations and transitions
- 📱 React Router - Client-side routing
- 🔄 React Query - Server state management
- 🗃️ Upstash Redis - Database for guest messages
- 🔍 TypeScript - Type-safe JavaScript
- Node.js 16+
- npm or yarn
-
Clone the repository:
git clone https://github.com/yourusername/elony-wedding.git cd elony-wedding -
Install dependencies:
npm install # or yarn -
Create a
.envfile in the root directory and add your environment variables:VITE_UPSTASH_REDIS_REST_URL=your_upstash_redis_rest_url VITE_UPSTASH_REDIS_REST_TOKEN=your_upstash_redis_rest_token
-
Development:
npm run dev # or yarn dev -
Build for Production:
npm run build # or yarn build -
Preview Production Build:
npm run preview # or yarn preview
src/
├── components/ # Reusable UI components
├── pages/ # Page components
├── lib/ # Utility functions and configurations
├── hooks/ # Custom React hooks
└── App.tsx # Main application component
- Colors: Update the color palette in
src/index.css - Content: Modify the content in the respective component files
- Images: Replace images in the
public/directory - Theme: Adjust the theme in
tailwind.config.ts
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
💍 Made with love for Precious & Tony's special day!