Cocktail Shaker

Design and Implement a web-based cocktail mixing application. The application should show a collection of at least 20 bottles, each one named individually. The user should be able to choose a cocktail from a list, and then be guided by the application to mix together shots from the different bottles to make the cocktail. The application should show the bottles, a cocktail shaker, a cocktail glass, and the instructions. As the user clicks on a bottle, a shot is added to the shaker. A list of the totalled contents is shown next to the shaker, for example 1 gin 2 banana liqueur 1 scotch whisky When the user clicks on the shaker, a simple animation should show the shaker shaking up and down for a few moments, then the list of contents next to the shaker should become empty, the glass should be shown full, and the name of the cocktail the user has made (if it is a recognised recipe) should be shown next to the glass. When the user clicks on the glass, the glass should become empty and a message "Cheers!" should appear, and the application should reset itself. Your client-server application must use AJAX, PHP, Object Oriented Programming, and Flat File handling. The recipes and ingredients should be held in some form on the server such as an XML file, and delivered to the client dynamically. The process of displaying recipes and bottles, and of identifying the cocktail mixture in the shaker, should also be dynamic, so that the website owner can add or remove bottles and recipes without needing to amend the application. Professional coding standards must be used such as indentation and comments. With this it will require that the UML design diagrams are included: Use-case diagrams state transition diagram class diagrams sequence diagrams deployment diagrams