Skip to content

README.md

Latest commit

 

History

History
23 lines (16 loc) · 1.38 KB

README.md

File metadata and controls

23 lines (16 loc) · 1.38 KB
Raw

🍜 Asian Kitchen's Menu

HTML5 CSS3 Bootstrap JavaScript

Overview

This project is called "Asian Kitchen's Menu" and was created as a part of the Patika and Kodluyoruz Frontend-Beginner-Path Frontend Web Development course assignments.

The aim of the project was to dynamically display a menu list using HTML, CSS, Bootstrap, and JavaScript based on provided resources.

🧠 What I Did

  • I created a menu array in JavaScript to store food data (title, category, price, image, description).
  • Used filter() to categorize items dynamically (e.g., Korea, Japan, China).
  • Used innerHTML to inject HTML content into the DOM dynamically using template literals.
  • Added responsive design and styling with Bootstrap (grid, cards, buttons).
  • Integrated buttons for filtering by cuisine type.
  • Used event listeners for category-based interactivity.