An elegant, interactive, and high-performance web experience created for Promise Day during Valentine's Week. This project blends technical precision with emotional depth to deliver a magical journey of promises.
Technology is often seen as cold and logical, but I believe it is one of the most powerful mediums to express human emotion. This project was built to transcend the miles, using code to weave a narrative of commitment and love. Each line of code was written with a specific person in mind, ensuring that the digital experience feels as warm as a real-world promise.
This project showcases a modern frontend stack with a focus on Performance, SEO, and User Experience (UX).
- Glassmorphism UI: Implemented using advanced CSS
backdrop-filterandrgbaalpha-transparency to create a premium, frosted-glass aesthetic. - Fluid Typography: Utilized the CSS
clamp()function to ensure seamless font scaling across devices (320px to 4K displays) without the need for excessive media queries. - Performance Optimized: 100% Vanilla JavaScript. No heavy libraries or frameworks were used, ensuring lightning-fast load times and smooth 60fps animations.
- Dynamic Particle System: A custom-built DOM-based animation engine to generate and recycle floating heart elements without memory leaks.
- SEO & Social Engineering: Fully optimized with JSON-LD Structured Data, Open Graph tags for rich social sharing, and high-accessibility ARIA labels.
- HTML5 - Semantic structure and SEO metadata.
- CSS3 - Custom animations, radial gradients, and flexbox layouts.
- JavaScript (ES6+) - Logic, URL parameter handling, and dynamic DOM manipulation.
- Google Fonts - Dancing Script for elegance and Poppins for readability.
- Clone the repository:
git clone [https://github.com/Mayborg121/promise-day-surprise.git](https://github.com/Mayborg121/promise-day-surprise.git)
- Open
index.htmlin any modern browser. - Customization: You can pass a name via the URL parameter to personalize the experience:
index.html?n=YourName
Mayur Borgude (Mayborg)
- GitHub: @Mayborg121
- Role: Full Stack Developer & Creative Thinker
This project is licensed under the MIT License - feel free to use it to spread love and happiness.
"Code is like love; it starts with a spark and grows into something beautiful." ❤️