Skip to content

vinothsm92/valentine-day-gift

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💝 Valentine's Day Proposal Prank App

Demo: https://my-valentine-day-gift.netlify.app/

A fun, interactive React application designed to prank your special someone on Valentine's Day!

✨ Features

  • 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!).

🛠️ Built With

  • React (Vite)
  • Canvas Confetti for celebrations
  • CSS3 for animations and styling

🚀 How to Run

  1. Clone the repository:

    git clone https://github.com/your-username/valentines-day.git
    cd valentines-day
  2. Install dependencies:

    npm install
  3. Run the development server:

    npm run dev
  4. Open your browser and navigate to the local host URL (usually http://localhost:5173).

📝 Customization

  • Video: Replace src/assets/vid.mp4 with your own video file.
  • Text: Update the messages in src/App.jsx to personalize the name and prank text.
  • Images: You can swap the favicon in public/heart.svg.

Enjoy pranking! 💖😂

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors