✨ Marathi June Celebrations — A Cultural CSS Art Tribute

This is a submission for Frontend Challenge - June Celebrations, CSS Art: June Celebrations.

🌟 Inspiration
This project is my heartfelt tribute to the rich cultural traditions of Maharashtra in June. Each festival—be it Vat Purnima, Ganga Dussehra, Ashadhi Wari, or the First Rain celebration—carries deep emotional and spiritual significance.

With this one opportunity, I wanted to create a visual storytelling experience that doesn’t just look beautiful but also resonates emotionally with anyone who views it. Through simple CSS art, images, and animations, I aimed to showcase the spirit of these festivals in a user-friendly and emotionally compelling way.

💻 Demo
🎉 Live Project
📁 Source Code on GitHub

📸 Screenshot:
https://github.com/anilgadhe/Celebrate-June/blob/main/public/covers/landingpage.png

🎨 Journey
This was more than a frontend task—it was a journey into my roots, translating tradition into a digital experience.

What I Did:
Built using: HTML, CSS, JavaScript, and Bootstrap.

Structure: Each festival has its own section or subpage, styled with full-screen images, smooth scroll animations, and rich colors.

Animations: Used IntersectionObserver for fade-in effects and custom keyframe animations for elements like rain and trees.

No card UI: Purposefully kept it immersive—using background images and full-width sections to narrate each story.

Emotion + Culture: From the sacred banyan tree on Vat Purnima to the joy of the first monsoon, every detail is handpicked to invoke sentiment.

What I Learned:
Storytelling and frontend go hand in hand when trying to preserve and present culture.

CSS and animation can emotionally engage users without overwhelming them.

Accessibility, color contrast, and responsive design were all important in ensuring everyone can experience this on any device.

🧑‍🤝‍🧑 Team Credits
This was a solo project by @anilgadhe

📄 License
Released under the MIT License