פרויקט זה הוא אתר לדוגמה של מסעדה, שנבנה באמצעות HTML, CSS ו-JavaScript.
האתר כולל תפריט אינטראקטיבי, סל קניות, סרגל ניווט, אנימציות ועיצוב רספונסיבי.
- תפריט דינמי – הצגת פריטים עם תמונות, שמות ומחירים.
- סל קניות – ניתן להוסיף מוצרים לסל, לעדכן כמויות ולראות סיכום.
- אנימציות – אנימציות כניסה של רכיבים (למשל עלי דובדבן נופלים, הודעות Toast).
- עיצוב רספונסיבי – האתר מותאם למחשבים, טאבלטים וניידים.
- חיפוש וסינון – ניתן לחפש פריטים לפי שם או סוג.
| קובץ/תיקיה | תיאור |
|---|---|
index.html |
דף הבית של האתר |
css |
קובץ CSS לאסתטיקה ועיצוב האתר |
js |
קובץ JavaScript לפונקציות דינמיות ואינטראקטיביות |
html |
|
pics/ |
תמונות של פריטים מהתפריט |
README.md |
מסמך זה |
- ודאי שכל הקבצים (
index.html,style.css,script.js, תיקייתimages) נמצאים באותה תיקייה. - פתחי את
index.htmlבדפדפן (Chrome, Firefox, Edge). - האתר יופעל מקומית – ניתן להוסיף פריטים, לסנן ולראות את הסל מתעדכן בזמן אמת.
💡 ניתן להשתמש גם בשרת מקומי (למשל Live Server ב-VS Code) כדי להפעיל את האתר עם טעינה אוטומטית ושמירה על פונקציות JavaScript.
- דפדפן מודרני עם תמיכה ב-JavaScript
- (אופציונלי) VS Code או כל עורך טקסט + Live Server להפעלה נוחה
פרויקט זה נוצר עבור תרגול HTML, CSS ו-JavaScript, ועוסק בהדגמה של אתר מסעדה מודרני עם רכיבים אינטראקטיביים.