💖 Interactive Love Proposal Website

A romantic and interactive proposal website designed to create unforgettable moments. With playful animations, personalized messages, and a touch of magic, this project is perfect for expressing your feelings in a unique way.

---

✨ Features

• 💌 Personalized Messages
  Add your special someone's name through the URL for a customized experience.

• 🎉 Confetti Celebration
  Beautiful confetti animation when the user says "Yes."

• 🎮 Lottie Animations
  Smooth and engaging animations to enhance the emotional impact.

• 🔹 Playful "No" Button
  The "No" button moves randomly, making it fun and interactive.

• 📱 Fully Responsive
  Works seamlessly on all devices, from desktops to mobile phones.

---

🚀 Quick Start

Live Demo

Experience the live version here:
👉 https://jsorganizations.github.io/Love-Proposal/

Personalized Link

Add your special someone's name to the URL:
https://jsorganizations.github.io/Love-Proposal/?name=YourName

---

🛠️ Local Development / Running Locally

Due to browser CORS policies, modern browsers block loading local Lottie JSON files (animations/*.json) when you open index.html directly from your file system (using the file:// protocol).

To run the project locally with all animations displaying correctly:

1. Open your terminal/PowerShell in this project directory.
2. Start a local server:

   # Using Python (recommended)
   python -m http.server 8000
   
   # Or using Node/npx (if installed)
   npx serve .

3. Open http://localhost:8000 in your browser.

---

🧐 Customization Guide

1. Change the Name

Modify the name in the URL query string:
?name=NewName

2. Update Animations

Replace the Lottie JSON files:

1. Get new animations from LottieFiles.
2. Replace the existing JSON files in the animations/ directory.
3. Update the animation file references in script.js.

3. Modify Colors

Edit the CSS variables in style.css:

:root {
  --primary-color: #e91e63; /* Main pink color */
  --secondary-color: #ff4081; /* Secondary accent */
  --background-color: #ffe5e5; /* Page background */
}

4. Change Text Content

Edit the content in index.html:

<!-- Example modification -->
<h1>Hey <span id="JSOrganization-placeholder"></span>! 💖</h1>
<p>Will you make me the happiest person in the world?</p>

---

🌐 Technologies Used

• Frontend:
  

• Libraries:
  Lottie Web - For smooth animations
  Canvas Confetti - For celebration effects

• Hosting:
  

---

🤝 Contributing

Contributions are welcome! Here's how you can help:

1. Fork the repository.
2. Create a new 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

This project is licensed under the MIT License. See the LICENSE file for details.

---

📧 Contact

For questions or feedback, feel free to reach out:

• GitHub: JSOrganizations
• Project Link: https://github.com/JSOrganizations/Love-Proposal
• Telegram (Sowrov): t.me/itsSowrov
• JS Organization Channel: t.me/JSOrganization

---

Made with ❤️ by JSOrganizations | Telegram