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.
✅ 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
Once deployed, access your live project at:
https://loveoh.netlify.app/
Replace https://loveoh.netlify.app/ with your actual Netlify domain.
git clone https://github.com/2bTwist/Valentines-Day-Web-Project
cd Valentines-Day-Web-ProjectYou can simply open index.html in a browser or use Live Server in VS Code.
By default, the app displays the name JILLIAN. You can change it in main.js:
- Open
main.jsin a text editor. - Find the following line:
let partnerName = "JILLIAN"; // Replace with your partner's name
- Change
JILLIANto your partner’s name, like this:let partnerName = "ALEX";
- Save the file and refresh the page to see the update.
- Push your project to GitHub.
- Go to Netlify and create an account.
- Click "New site from Git" → Select your GitHub repo.
- Click Deploy. Netlify will handle the rest!
- 🎉 Your site is live! Share the link with your special someone.
- Zip all your files (
index.html,style.css,main.js, etc.). - Go to Netlify Drop.
- Drag and drop your zip folder.
- Netlify will instantly deploy your project.
This project is open-source. Feel free to modify and share the love! 💕
If you have any questions or want to improve the project, feel free to reach out!
