Skip to content

🍽️ A fully responsive and interactive food ordering website with dynamic cart, quantity control, Swiper.js sliders, and AOS animations – built using HTML, CSS, and JavaScript.

Notifications You must be signed in to change notification settings

aditya5259kumar/Foodie

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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


About

🍽️ A fully responsive and interactive food ordering website with dynamic cart, quantity control, Swiper.js sliders, and AOS animations – built using HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published