The Shopping Cart is an interactive web application designed to allow users to browse and purchase food items. The app displays food items with prices and allows users to add items to a shopping cart, view the cart, and place an order.
The application is built using HTML, CSS, and JavaScript and is designed with a responsive layout to ensure a seamless experience on all devices.
- Browse Food Items: View a list of available food items, each with an image, name, and price.
- Add to Cart: Add items to the shopping cart with a simple click.
- Cart Display: View all items added to the cart, along with their quantity and total cost.
- Remove Items: Remove items from the cart with a trash icon.
- Total Price: Automatically updates the total cost based on the items in the cart.
- Responsive Design: The app is mobile-friendly and adapts to different screen sizes.
- Place Order: Option to place an order after reviewing the cart.
- Frontend: HTML, CSS, JavaScript
- Icons: Ionicons (for cart and other icons)
- Styling: Custom CSS for a clean and responsive layout
- Font: Google Fonts (Poppins)