Skip to content

A romantic and interactive love proposal website with animations and playful interactions.

Notifications You must be signed in to change notification settings

JSOrganizations/Love-Proposal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

💖 Interactive Love Proposal Website

GitHub Pages MIT License Version

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.

Project Preview


✨ 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://botfather.cloud/Tools/Propose/

Personalized Link

Add your special someone's name to the URL:
https://botfather.cloud/Tools/Propose/?name=YourName


🧐 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 sticker*.json files in the repository.
  3. Update the animation 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


🤝 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:


Made with ❤️ by JSOrganizations | Telegram

Releases

No releases published

Packages

No packages published