How heba-aboud/final-project-2320230975 works
An Arabic recipe website presents recipe listings and details, with search/filter interactions and a contact form. The sampled JavaScript shows recipe data, card rendering, modal handling, navigation highlighting, filtering, and form validation. The HTML and CSS contents were not sampled, so page-to-script wiring and page-specific capabilities are shown only where filenames or script behavior support them.
Main entry points: script.js Page interactions · style.css Site styles · index.html Home page · recipes.html Recipes page
Components 9
Site pages
- Home page
index.html - Recipes page
recipes.html - About page
about.html - Contact page
contact.html
Recipe experience
- Page interactions
js/script.js - Recipe catalog
js/script.js
Presentation assets
- Site styles
css/style.css - Recipe images
images
Other components
- Visitor
Connections 16
- Visitor → Home page: opens
- Visitor → Recipes page: opens
- Visitor → About page: opens
- Visitor → Contact page: opens
- Page interactions → Recipe catalog: reads
- Page interactions → Home page: renders cards
- Page interactions → Recipes page: filters recipes
- Page interactions → Recipe catalog: finds details
- Page interactions → Recipe images: uses image paths
- Visitor → Page interactions: searches and filters
- Visitor → Page interactions: opens recipe details
- Visitor → Page interactions: submits contact form
- Home page → Site styles: styled by
- Recipes page → Site styles: styled by
- About page → Site styles: styled by
- Contact page → Site styles: styled by