☕ Responsive Coffee Shop Website

A fully responsive coffee shop website created using HTML, CSS, and JavaScript. This project features a modern, clean design with smooth animations and interactive elements.

✨ Features

• Responsive Design: Adapts to all screen sizes, from mobile phones to desktops.
• Dynamic Content: Menu items and customer reviews are dynamically generated using JavaScript.
• Interactive UI: Smooth animations, hover effects, and an image slider.
• Review Carousel: An easy-to-use review slider powered by Swiper.js.
• Booking Form: A functional booking form that submits data to a Google Form.
• Mobile-First Navigation: A collapsible navigation menu for smaller screens.

🛠️ Technologies Used

• HTML5: For the structure of the website.
• CSS3: For styling, including Flexbox, Grid, Custom Properties, and animations.
• JavaScript (ES6+): For DOM manipulation and interactivity.
• Swiper.js: For the review carousel.
• Font Awesome: For icons.
• Google Fonts: For the 'Poppins' font family.

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You need a web browser to view the site. For the best development experience, use a code editor like VS Code with the Live Server extension.

Installation

1. Clone the repository.
2. Navigate to the project folder.
3. Open index.html in your browser, or right-click the file in VS Code and select "Open with Live Server".

📂 File Structure

.
├── css/
│   └── style.css         # Main stylesheet
├── image/                # All image assets
├── js/
│   └── script.js         # Main JavaScript file
├── index.html            # Main HTML file
└── README.md             # Project documentation