Basic Web Application Design

This website aims to provide information about the services offered by Toledo Wedding DJs, creating an immersive user experience through a modern design and lead-generating elements. The site also incorporates a cookies popup for transparency in data usage, adhering to contemporary web development practices.

The foundation is laid with HTML5 for structuring, CSS with the Bootstrap 4 framework for responsive design, and JavaScript for dynamic interactions. Leveraging the jQuery library and Popper.js, I enhanced functionality and responsiveness. External services, such as Google Tag Manager (gtag.js), were integrated to track and analyze site performance.

The main content section prompts users to input their event date and time through a datetime picker. Upon clicking the “Check Availability” button, the code utilizes JavaScript to asynchronously query the Google Calendar API, determining the availability of specific DJs for the provided date and time. A modal is dynamically generated to display information about the available DJ, including their name, logo, and a personalized message. Additionally, the modal allows users to visit the DJ’s website and integrates a TrustIndex script for reviews. The code also handles scenarios where no DJ is available for the specified date, offering an alternative DJ option. Error handling mechanisms are in place to manage potential issues, such as failed API requests. Overall, the web page aims to streamline the process of discovering and booking a DJ for weddings in Toledo through an interactive and informative user interface.

‍