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
- HTML5
- CSS3
- JavaScript
- jQuery 3.4.1
- Bootstrap 4.3.1 - Responsive grid and components
- Font Awesome 4.7.0 - Icon Library
- 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
- 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
-
Clone or download the project
git clone https://github.com/bx0518/yumdelight.git cd yumdelight -
Open in browser
- Simply open
index.htmlin your web browser - Or use a local server (recommended):
# Using VS Code Live Server extension Right-click index.html → Open with Live Server - Simply open
| 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 |
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