diff --git a/README.md b/README.md index aaab29c..4a361d0 100644 --- a/README.md +++ b/README.md @@ -1,38 +1,70 @@ -# 🥰 Be My Valentine? 🥰 +# 🥰 // Basic Information +valentineName: "Babyy" // Your Valentine's name +pageTitle: "Will You Be My Valentine? 💝" // Browser tab title -![Project Image](https://i.imgur.com/8q884zI.png) +// Floating Background Elements +floatingEmojis: { + hearts: ['❤️', '💖', '💝', '💗', '💓'], // Heart emojis in background + bears: ['🧸', '🐻'] // Bear emojis in background +} -Welcome to the most adorable project you've ever seen! This is a special React application designed to ask that special someone: "Will you be my Valentine?". +// Questions and Buttons +questions: { + first: { + text: "Do you like me?", // First question + yesBtn: "Yes", // Yes button text + noBtn: "No", // No button text + secretAnswer: "I don't like you, I love you! ❤️" // Hidden message + }, + second: { + text: "How much do you love me?", // Second question + startText: "This much!", // Text before percentage + nextBtn: "Next ❤️" // Next button text + }, + third: { + text: "Will you be my Valentine...?", // Final question + yesBtn: "Yes!", // Yes button text + noBtn: "No" // No button text + } +} -## 💖 What's Inside? 💖 -[Link to site](https://formyvalentine.netlify.app) +// Love Meter Messages +loveMessages: { + extreme: "WOOOOW You love me that much?? 🥰🚀💝", // Shows above 5000% + high: "To infinity and beyond! 🚀💝", // Shows above 1000% + normal: "And beyond! 🥰" // Shows above 100% +} -This project is built with love using React and Vite. It features a cute and interactive UI that playfully nudges the user towards saying "Yes" to being your Valentine. +// Final Celebration +celebration: { + title: "Yay! I'm the luckiest person...", // Celebration title + message: "Now come get your gift...", // Celebration message + emojis: "🎁💖🤗💝💋❤️💕" // Celebration emojis +} -## 🎁 Features 🎁 +// Website Colors +colors: { + backgroundStart: "#ffafbd", // Background gradient start + backgroundEnd: "#ffc3a0", // Background gradient end + buttonBackground: "#ff6b6b", // Button color + buttonHover: "#ff8787", // Button hover color + textColor: "#ff4757" // Text color +} -- Cute and playful animations -- Interactive buttons that respond to user interaction -- Lovely images and heartwarming messages +// Animation Settings +animations: { + floatDuration: "15s", // How long hearts float (10-20s) + floatDistance: "50px", // Sideways movement (30-70px) + bounceSpeed: "0.5s", // Bounce animation speed (0.3-0.7s) + heartExplosionSize: 1.5 // Final heart explosion size (1.2-2.0) +} -## 🚀 Getting Started 🚀 - -To get started with this project, follow these steps: - -1. Clone the repository -2. Install the dependencies with `npm/pnpm/bun install` -3. Start the development server with `npm/pnpm/bun run dev` - -Now you're ready to ask the big question! - -## 💕 Made with Love 💕 - -This project was made with love by [Anish](https://github.com/xeven777). Feel free to use it to ask your own special someone to be your Valentine! - -## 💌 Feedback and Contributions 💌 - -Feedback and contributions are always welcome! Feel free to open an issue or submit a pull request. - -Happy Valentine's Day! 💘 ---- -watching_count +// Music Settings +music: { + enabled: true, // Music feature is enabled + autoplay: true, // Try to autoplay (note: some browsers may block this) + musicUrl: "YOUR_CLOUDINARY_URL_HERE", // Paste your music URL here + startText: "🎵 Play Music", // Button text to start music + stopText: "🔇 Stop Music", // Button text to stop music + volume: 0.5 // Volume level (0.0 to 1.0) +}