❤️ Interactive Valentine Web Experience (AWS Hosted)

An interactive romantic web application built using HTML, CSS, and JavaScript, deployed via AWS S3 Static Website Hosting.

This project explores frontend animation systems, playful interaction design, and real-world cloud deployment workflows.

---

🚀 Live Demo

👉 http://reychelle-valentine-site.s3-website-ap-southeast-1.amazonaws.com

---

📸 Preview

Main Interface

Final Interaction

---

✨ Features

• Interactive YES/NO button logic with emotional progression
• Animated heart transformation sequence
• Confetti particle system
• Cinematic UI transitions and effects
• Background music with dynamic audio mixing
• Responsive, mobile-friendly design
• Playful interaction mechanics (magnet effect & evasive button)

---

☁️ AWS Architecture

Static hosting architecture: User Browser ↓ Amazon S3 Static Website Hosting ↓ Interactive Web Application

AWS Services Used

• Amazon S3 (Static Website Hosting)
• Public Bucket Policy
• Static Asset Delivery

---

📂 Project Structure

├── src/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│   └── assets/
│       ├── dancing-cat.gif
│       ├── bgsong.mpeg
│       └── yippee.mp3
├── screenshots/
└── README.md

---

🧠 Key Learning Outcomes

• Deploying static web apps using AWS S3
• Structuring frontend projects for scalability
• Managing relative asset paths in cloud environments
• Debugging CSS transform conflicts and animation stacking
• Event-driven UI interaction design

---

🔮 Future Improvements

• AWS CloudFront CDN integration
• Custom domain with HTTPS (SSL/TLS)
• Performance optimization & lazy loading
• Enhanced mobile animation tuning

---

📜 License

MIT License