This project encompassed the creation of a multi-page website for the fictional “Plant & Play Cafe,” designed to inform users about the cafe’s concept, services, and contact information. A key interactive component of this website was the development of a dynamic party rental cost calculator. The initial HTML structure for the calculator was provided as part of a class assignment, which I then expanded upon. I implemented the interactive elements and cost calculation logic using JavaScript (leveraging jQuery) and styled the entire website with CSS. Throughout this development, I utilized online resources and consulted with my professor to ensure code accuracy and efficiency, particularly in implementing robust error handling within the calculator for user input.
My role involved taking the provided HTML for the calculator and building out its complete front-end functionality. Additionally, I was responsible for creating the other three informational web pages (About, Services, Contact) to provide a comprehensive user experience. For the calculator, this included writing the JavaScript to capture user inputs, perform cost calculations based on selected packages and hourly rates, and dynamically update the displayed costs. A significant focus was implementing input validation to handle non-numeric, zero, or negative entries, providing clear feedback to the user. This project, including the interactive calculator and the informational pages, enhanced my front-end web development skills in HTML, CSS, and JavaScript for creating both static content and dynamic interactive elements, while also emphasizing user-centric design and effective error handling.
https://misdemo.temple.edu/tuq84845f/Pro%20Points%20/index.html
