Skip to content

Latest commit

Β 

History

History
44 lines (32 loc) Β· 1.36 KB

File metadata and controls

44 lines (32 loc) Β· 1.36 KB

Foodie Website Banner

πŸ” Foodie - Responsive Food Ordering Website

A beautifully responsive and animated food ordering website with a dynamic cart system, mobile-first design, and modern UI built using HTML, CSS, and JavaScript.


πŸ”₯ Features

  • 🧾 Responsive Design: Fully adapts to all screen sizes – mobile, tablet, and desktop
  • πŸ›’ Dynamic Cart System:
    • Add or remove food items from the cart
    • Live update of cart item count and total price
    • Quantity adjustments directly from the cart
  • πŸ’Έ Real-time Price Updates: Automatically reflects total cost changes
  • 🎯 Scroll Animations: Uses AOS (Animate On Scroll) for smooth UI effects
  • 🎑 Swiper.js Integration: Responsive sliders with touch/swipe support
  • πŸ–ΌοΈ Modern UI: Clean, visual layout using Flexbox and CSS Grid

πŸ› οΈ Tech Stack

  • HTML5
  • CSS3
  • JavaScript
  • Swiper.js – for image/content sliders
  • AOS (Animate On Scroll) – for scroll-based animations

πŸ“· Screenshots



Foodie Screenshot 1