Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
94 changes: 63 additions & 31 deletions README.md
Original file line number Diff line number Diff line change
@@ -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! 💘
---
<img src="https://widgetbite.com/stats/Xeven777" alt="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)
}