Project Overview

A food ordering website where users can view menu items, filter by category, search for dishes, and add items to the cart. Built using HTML, CSS, Bootstrap, and JavaScript.

Screenshots

Key Features

• Hero section with search bar
• Category-based filtering
• Dynamic menu rendering
• Shopping cart system
• Responsive layout
• About page
• Contact page with form
• Search functionality

Functionality

• Dynamic menu items
• Filter by category
• Search food items
• Add to cart
• Increase/Decrease quantity
• Remove items
• Total price calculation
• Contact form validation

Technology Used

• HTML5
• CSS3
• Bootstrap 5
• Bootstrap Icons
• JavaScript ES6

Why This Project Is Useful

• Real-world UI design example
• Demonstrates DOM manipulation
• Has filtering, searching, cart logic
• Great for portfolio/college projects

Download Source Code

Project Setup Instructions

Note: This project is for educational purposes only. Not for commercial sale.