Skip to content

2bTwist/Romantic-Valentines-Day-Web-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💖 Valentine's Day Web Project

I just had to create one of these, It was so fun!

A fun, interactive web app with a glassmorphism aesthetic, designed to send a personalized valentine question to someone special. The app includes smooth animations, a growing 'Yes' button, and a playful 'No' button trick.

🎯 Features

Glassmorphism UI with blur effects and smooth animations
Interactive buttons that resize dynamically
3D effects for a visually immersive experience
Personalized message with a typewriter effect
Mobile-friendly & responsive design

🚀 Live Demo

Video Walkthrough

Once deployed, access your live project at:

https://loveoh.netlify.app/

Replace https://loveoh.netlify.app/ with your actual Netlify domain.


🔧 Setup & Deployment

1️⃣ Local Setup

Clone the repository:

git clone https://github.com/2bTwist/Valentines-Day-Web-Project
cd Valentines-Day-Web-Project

Open the project:

You can simply open index.html in a browser or use Live Server in VS Code.


2️⃣ How to Customize Your Partner's Name

By default, the app displays the name JILLIAN. You can change it in main.js:

Steps to edit:

  1. Open main.js in a text editor.
  2. Find the following line:
    let partnerName = "JILLIAN"; // Replace with your partner's name
  3. Change JILLIAN to your partner’s name, like this:
    let partnerName = "ALEX";
  4. Save the file and refresh the page to see the update.

3️⃣ Deploying on Netlify

Auto Deployment (Recommended)

  1. Push your project to GitHub.
  2. Go to Netlify and create an account.
  3. Click "New site from Git" → Select your GitHub repo.
  4. Click Deploy. Netlify will handle the rest!
  5. 🎉 Your site is live! Share the link with your special someone.

Manual Drag & Drop Deployment

  1. Zip all your files (index.html, style.css, main.js, etc.).
  2. Go to Netlify Drop.
  3. Drag and drop your zip folder.
  4. Netlify will instantly deploy your project.

📜 License

This project is open-source. Feel free to modify and share the love! 💕


❤️ Connect

If you have any questions or want to improve the project, feel free to reach out!

About

A fun, interactive web app with a glassmorphism aesthetic, designed to send a personalized valentine question to someone special. The app includes smooth animations, a growing 'Yes' button, and a playful 'No' button trick.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors