Demo: https://my-valentine-day-gift.netlify.app/
A fun, interactive React application designed to prank your special someone on Valentine's Day!
- Playful "Yes" Button: The "Yes" button is elusive! It moves away when hovered and changes its text to tease the user ("Please No 🥰", "think again 😃").
- The "No" Button Twist: Clicking "No" is actually the way to proceed... but wait for the surprise!
- April Fool Prank: Instead of a romantic acceptance, the user is greeted with an "April Fool" message and a funny video.
- Visual Effects:
- Floating hearts background animation.
- Continuous confetti celebration on the success screen.
- Glassmorphism card design.
- Responsive Design: Works on desktop and mobile (though chasing the button is more fun with a mouse!).
- React (Vite)
- Canvas Confetti for celebrations
- CSS3 for animations and styling
-
Clone the repository:
git clone https://github.com/your-username/valentines-day.git cd valentines-day -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open your browser and navigate to the local host URL (usually
http://localhost:5173).
- Video: Replace
src/assets/vid.mp4with your own video file. - Text: Update the messages in
src/App.jsxto personalize the name and prank text. - Images: You can swap the favicon in
public/heart.svg.
Enjoy pranking! 💖😂