💖 Happy Birthday, Thu Ky! 🎂

A personalized website created to celebrate the birthday of Thu Ky and document our journey together. This website is a digital love letter filled with memories, special messages, photos, and fun features that symbolize our relationship and the time we have spent together.

🌟 Website Features

1. Password-Protected Entry

• The website starts with a password-protected login page to make it a private experience just for Thu Ky.

2. Hero Section

• A welcoming hero section with a warm birthday greeting and a personal message celebrating our time together.

3. Personal Messages and Diaries

• A special section where diaries and heartfelt messages from Dav to Thu Ky are displayed, counting down to this special day.

4. Photo Galleries

• Multiple galleries showcasing our memorable moments, featuring auto-scrolling images that bring our journey to life.

5. Love Letter

• A beautifully styled love letter section with an old-fashioned, scroll-like design to express deep feelings and emotions.

6. Custom Map

• An embedded Google Map with two markers representing our geographical locations — SC VivoCity in Ho Chi Minh City, Vietnam, and Granville Towers in Chapel Hill, NC, USA — to visually symbolize the distance between us and how our love transcends it.

7. Interactive Quiz

• A fun quiz that tests how well Thu Ky knows Dav, with a series of multiple-choice questions and playful feedback.

8. Playlist Section

• A curated playlist of songs that hold special meaning to both of us, embedded with Spotify so that we can enjoy them together.

9. Countdown Timers

• Countdown timers to our next adventures together, including Dav's return to Vietnam and upcoming birthdays.

10. Confetti Celebration

• A fun feature that triggers a confetti animation on the screen, celebrating this special day with virtual fireworks!

11. About This Website & Your Boyfriend

• A section explaining the creation process of the website, a little bit about Dav, his hobbies, and social media links.

💻 Tech Stack

• HTML5: Structure of the website.
• CSS3: Styling, animations, and responsive design.
• JavaScript: Interactivity and dynamic features (e.g., password protection, confetti animation).
• Google Maps: Custom map with embedded markers showing the two locations.
• Font Awesome: Icons used for buttons and social links.
• Spotify Embed: For creating a custom playlist section.
• Leaflet.js: [If used, otherwise remove] An optional map library considered for interactive maps.

📋 Setup Instructions

To run this website locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/sonnguyxn/YeuEmBeThuKy.git
   cd YeuEmBeThuKy

2. Open index.html in your web browser:

   • Simply double-click index.html or use a live server extension in VS Code.

3. Enjoy the Website:

   • Enter the password and explore all the special sections created for []!

📅 Future Enhancements

• Add More Interactive Elements: Expand the quiz with more questions or add more animation features.
• Additional Personalization: Implement a feature to customize the website’s theme based on Thu Ky’s preferences.
• Expand the Galleries: Add more dynamic content, like videos or new photos from future adventures.

📄 License

This project is licensed under the MIT License. See the LICENSE file for details.

📝 Acknowledgments

• Google Maps: For providing the embedded map feature.
• Font Awesome: For icons.
• Spotify: For embedding the custom playlist.
• Leaflet.js: [If applicable] For considering as an alternative map solution.

---

Created with 💖 by Dav Nguxn.