🍴 YumDelight - Perak Local Food Promotion Website

YumDelight - A modern, mobile responsive website showcasing the rich culinary heritage of Perak, Malaysia.

This project is created for educational purposes as part of a university assignment.

• Course: UCCD2323 FRONT-END WEB DEVELOPMENT
• Semester: JANUARY 2023

---

Table of Contents

• Technologies Used
• Features
• Getting Started
• Cookie Implementation

---

Technologies Used

• HTML5
• CSS3
• JavaScript
• jQuery 3.4.1
• Bootstrap 4.3.1 - Responsive grid and components
• Font Awesome 4.7.0 - Icon Library

---

Features

Core Features

• Landing Page - Engaging hero section with featured foods
• Menu Page - Food catalog with filtering and sorting
• Feedback System - User feedback collection with validation
• Cookie Management - Cookie Consent Banner and Management
• Fully Responsive - Mobile-first design approach

Technical Features

• Reusable header/footer components
• Data-driven menu system (easy to update)
• Form auto-fill with cookies
• Real-time form validation
• Mock storing data using local storage
• Lazy loading for images

---

Getting Started

Installation

1. Clone or download the project

   git clone https://github.com/bx0518/yumdelight.git
   cd yumdelight

2. Open in browser

   • Simply open index.html in your web browser
   • Or use a local server (recommended):

   # Using VS Code Live Server extension
   Right-click index.html → Open with Live Server

---

Cookie Implementation

Cookies Used

Cookie Name	Purpose	Duration	Example Value
cookieConsent	User's consent to use cookies	365 days	accepted / declined
userName	Form auto-fill (name)	90 days	Law Beng Xiu
userEmail	Form auto-fill (email)	90 days	bx0518@gmail.com

Cookie Features

1. Consent Banner

• Appears on first visit
• "Accept All" or "Decline" options
• Remembers choice for 1 year

2. Form Auto-fill

• Remembers name and email
• Auto-fills on return visits
• Only works if cookies accepted

---

Thanks for browsing