Loading repository data…

Ask-out-your-Valentine GitHub Details, Stars and Alternatives | OpenRepoFinder

CodeKageHQ / repository

Ask-out-your-Valentine

A playful and interactive web experience for asking someone to be your Valentine, featuring charming GIFs and dynamic responses to 'Yes' and 'No' answers. Built with HTML, Tailwind CSS, and a sprinkle of JavaScript for interactivity.

#canvas-confetti#css3#cute-gifs#html5#interactive-web#javascript

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 115Stars

⑂ 473Forks

◯ 16Open issues

◉ 115Watchers

76/100

OPENREPOHUB HEALTH SIGNAL

Healthy signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

License clarity10% weight

100

Project information10% weight

100

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

Valentine's Day Interactive Website (CodeKage)

A cute, interactive web page to ask someone to be your Valentine. Features playful button mechanics, heartwarming GIFs, and heart-shaped confetti.

How It Works

The page presents the question "Will you be my Valentine?" alongside a cute GIF.
Clicking No swaps the GIF, changes the button text to increasingly desperate pleas, and grows the Yes button bigger and bigger.
Clicking Yes celebrates with a special GIF, a victory message, and a burst of heart-shaped confetti.

Features

Growing "Yes" button -- gets larger with every "No" click, making it impossible to ignore.
Desperate messages -- the "No" button cycles through pleading texts like "Pookie please" and "I'm gonna cry...".
Animated GIFs -- seven different GIFs that react to the user's choices.
Heart confetti -- pink heart-shaped confetti explosion on "Yes" using canvas-confetti.
Responsive design -- looks great on desktop and mobile, powered by Tailwind CSS.

Getting Started

Clone the repository:

git clone https://github.com/CodeKageHQ/Ask-out-your-Valentine.git

Open index.html in your browser.

That's it -- no build step, no dependencies to install. Tailwind CSS and canvas-confetti are loaded via CDN.

Project Structure

Ask-out-your-Valentine/
├── images/
│   ├── image1.gif    # Default greeting
│   ├── image2.gif    # After 1st "No"
│   ├── image3.gif    # After 2nd "No"
│   ├── image4.gif    # After 3rd "No"
│   ├── image5.gif    # After 4th "No"
│   ├── image6.gif    # After 5th "No"
│   └── image7.gif    # "Yes" celebration
├── index.html        # The entire app (HTML + CSS + JS)
├── LICENSE
└── README.md

Customization

Want to make it your own? Here are some easy tweaks inside index.html:

What	Where	How
GIF images	`images/` folder