Skip to content

A responsive and dynamic food menu web application built with HTML, CSS, and JavaScript. The app displays a list of food items as cards and allows users to filter them by category breakfast, lunch, shakes, dinner using dynamically generated buttons.

Notifications You must be signed in to change notification settings

RaiMuhammadHaider/food-menu-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ” Food Menu Webpage

A simple and responsive food menu webpage built with HTML, CSS, and JavaScript.
This project allows users to filter food items by category β€” All, Breakfast, Lunch, Shakes, Dinner β€” and view them in a card-based layout.


πŸš€ Features

  • πŸ₯— Filter food items dynamically using buttons.
  • πŸ• Categories: All, Breakfast, Lunch, Shakes, Dinner.
  • πŸ“± Responsive design for desktop and mobile.
  • 🎨 Clean and modern UI using CSS.

πŸ› οΈ Built With

  • HTML5 – Structure
  • CSS3 – Styling & Layout
  • JavaScript (ES6) – DOM manipulation & filtering

πŸ“Έ Screenshot

image

πŸ“‚ Project Structure

About

A responsive and dynamic food menu web application built with HTML, CSS, and JavaScript. The app displays a list of food items as cards and allows users to filter them by category breakfast, lunch, shakes, dinner using dynamically generated buttons.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published