Ratatouille Restaurant Website

A modern, responsive restaurant website with features like menu management, table booking, and online ordering system.

Features

• 🌓 Dark/Light mode toggle
• 🍽️ Dynamic menu with category filtering
• 📅 Interactive table booking system
• 🛒 Shopping cart functionality
• 💳 Payment processing simulation
• ⏰ Time-based pricing and discounts
• 🎁 Special offers and VIP menu
• 📱 Fully responsive design

Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla)
• Font Awesome Icons
• Google Fonts

Key Features Explained

Dynamic Menu System

• Category-based filtering
• Time-based pricing adjustments
• Special discounts during evening hours
• VIP menu unlocked at cart value ≥ ₹1000

Table Booking System

• Interactive table layout
• Real-time table availability
• Anti-bot measures for booking attempts
• Booking confirmation system

Shopping Cart

• Add/remove items
• Quantity adjustment
• Price calculations with tax
• Discount code application
• Cart persistence using localStorage

Payment Processing

• Order summary
• Payment timer (2 minutes)
• Form validation
• Success/failure simulation

Installation

1. Clone the repository:

git clone https://github.com/BNB2006/CM-Hackathon-2025.git

2. Open index.html in your web browser

Usage

Dark Mode

• Click the sun/moon icon in the navigation bar to toggle between light and dark modes

Booking a Table

1. Navigate to the Booking section
2. Select an available table
3. Fill in the booking form
4. Submit the reservation

Ordering Food

1. Browse the menu and add items to cart
2. Select a table if not already booked
3. Apply any available discount codes
4. Proceed to payment
5. Complete the payment form

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Acknowledgments

• Images sourced from Unsplash
• Icons from Font Awesome
• Fonts from Google Fonts