🍔 FoodCourt – Online Food Ordering Website

FoodCourt is a responsive and interactive food ordering website built using HTML, CSS, and JavaScript. The website provides users with an attractive interface to browse food products, explore categories, view customer reviews, access food-related blogs, and interact with shopping and login features.

✨ Features

• 🏠 Home Section – Welcome section with special offers and promotions.

• 🔍 Search Functionality – Interactive search form for finding food items.

• 🛒 Shopping Cart – Displays selected food items, quantities, prices, total amount, and checkout option.

• 👤 Login Form – User login interface with email and password fields.

• 🍔 Food Products – Displays different food items such as:

  • Chicken Burger
  • Shawarma
  • Fries Combo
  • Paneer Momos
  • Tacos
  • Chicken Bucket
  • Paneer Pizza
  • Chicken Nuggets

• 📂 Product Categories – Categories including burgers, pizza, juices, and sandwiches.

• ⭐ Customer Reviews – Interactive customer review slider.

• 📝 Food Blogs – Articles related to ingredients and food preparation.

• 📱 Responsive Navigation – Mobile-friendly menu with interactive controls.

• 💳 Payment Section – Payment options are displayed in the footer.

• 📧 Newsletter Subscription – Users can subscribe for updates.

The main navigation provides access to Home, Features, Products, Categories, Reviews, and Blogs.

🛠️ Technologies Used

• HTML5 – Website structure and content
• CSS3 – Styling and responsive design
• JavaScript – Interactive functionality
• Font Awesome – Icons
• Swiper.js – Product and review sliders

Swiper.js is used to create responsive product and review carousels with different numbers of slides depending on screen size.

📁 Project Structure

FoodCourt/
│
├── index.html
├── styles.css
├── script.js
│
└── image/
    ├── product images
    ├── category images
    ├── review images
    ├── blog images
    └── payment images

🚀 How to Run

1. Download or clone the project.
2. Open the project folder.
3. Make sure the image folder and styles.css are present.
4. Open index.html in a web browser.

No backend server or database is required for the current version.

⚙️ JavaScript Functionality

The JavaScript controls the interactive search, shopping cart, login form, and responsive navigation. Opening one interface automatically closes the others, keeping the header organized.

The product and review sections use autoplay sliders with responsive breakpoints for mobile, tablet, and desktop screens.

🎯 Project Objective

The main objective of FoodCourt is to create a user-friendly online food ordering interface where customers can easily discover food items, view offers and categories, interact with the shopping cart, and explore reviews and food-related content.

🔮 Future Improvements

• User registration and authentication
• Functional food search
• Dynamic shopping cart
• Online payment integration
• Backend and database integration
• Order placement and tracking
• Admin dashboard
• Real-time order status
• Customer order history
• Food delivery tracking

👨‍💻 Author

S. Bharathi

📄 License

This project is created for educational and development purposes.