The website features multiple event decoration categories and an interactive image gallery that allows users to preview different decoration setups with a single click. JavaScript is used to dynamically switch displayed images based on user interactions, making the browsing experience more engaging.
The project was developed using HTML5, Tailwind CSS, and JavaScript, with Remix Icons for interface icons. Tailwind utility classes are used for styling and responsive layouts, while Flexbox helps organize webpage elements and JavaScript handles image switching and click events.
Through this project, I gained practical experience in using Tailwind CSS utility classes, building responsive layouts, handling images, manipulating the DOM, working with `onclick` events, and dynamically updating webpage content based on user interactions.
The primary focus was on understanding how JavaScript can bring basic interactivity to a webpage while using Tailwind CSS to create a clean, responsive interface.
This is a frontend practice project and does not currently include a complete event booking system or backend functionality. Future improvements could include a functional mobile navigation menu, image carousel, contact and booking forms, smoother image transitions, additional event categories, improved accessibility, and dark mode support.