Skip to content

raflyazwar/undangan-pernikahan

Repository files navigation

💑 Digital Wedding Invitation

Undangan pernikahan digital yang elegan dan modern
Explore the docs »

View Demo

✨ Features

  • 🎨 Desain modern dan elegan
  • ⏱️ Countdown timer ke hari pernikahan
  • 📱 Responsive design untuk semua perangkat
  • 💝 Animasi yang smooth dan menarik
  • 📅 Informasi acara yang detail
  • 💌 Form RSVP untuk konfirmasi kehadiran
  • 🖼️ Galeri foto pre-wedding
  • 📍 Integrasi dengan Google Maps
  • 💑 Timeline kisah cinta
  • 👰 Profil lengkap mempelai

🛠️ Built With

  • Frontend Framework: React 18.3.1
  • Build Tool: Vite
  • Styling: Tailwind CSS
  • Icons: Lucide React
  • Language: TypeScript
  • Code Quality: ESLint
  • Animation: Custom CSS animations
  • Performance: Modern JavaScript features & optimizations

🚀 Getting Started

  1. Clone the repository

    git clone https://github.com/raflyazwar/undangan-pernikahan.git
  2. Install dependencies

    npm install
  3. Start the development server

    npm run dev
  4. Build for production

    npm run build

🌟 How It Works

  1. Landing page dengan countdown timer
  2. Tombol untuk membuka undangan
  3. Informasi lengkap tentang kedua mempelai
  4. Timeline kisah cinta
  5. Detail acara akad dan resepsi
  6. Galeri foto pre-wedding
  7. Form RSVP untuk konfirmasi kehadiran

💻 Technical Features

  • Smooth Animations: Custom fade-in dan transisi
  • Responsive Images: Optimized loading dan sizing
  • Interactive Elements: Hover effects dan transitions
  • Form Handling: Validasi input dan user feedback
  • Timeline Display: Custom timeline layout
  • Gallery Grid: Responsive image grid dengan hover effects
  • Countdown Timer: Real-time countdown dengan hooks
  • Map Integration: Google Maps location sharing

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📝 License

Distributed under the MIT License. See LICENSE for more information.

👨‍💻 Author

Rafly Azwar

🙏 Acknowledgments

💖 Support Me

If you appreciate my work and want to support me, you can do so through the following options:


Made with ❤️ by Rafly Azwar