DEPI Lorem Restaurant Website

This project was developed as part of the graduation project for the Digital Egypt Pioneers Initiative (DEPI). The goal was to design a visually appealing, user-friendly platform for a restaurant. The website serves as an information hub, showcasing the menu, customer testimonials, and essential contact details.

Features

• Dark Mode: Allows users to switch between light and dark themes for improved usability in low-light environments.
• Responsive Design: Ensures the website adapts smoothly to different screen sizes, from smartphones to desktops.
• Testimonials Section: Displays customer feedback to build trust with potential visitors.
• Menu with Categories: Organized into categories like Breakfast, Lunch, Dinner, Dessert, and Offers, making it easy to navigate.
• Contact Us Form: Includes a simple form for customers to get in touch with the restaurant.
• Individual Product Pages: Each meal has a dedicated page, providing detailed descriptions and a list of ingredients.

Technologies Used

• HTML5: Structured the content for clarity and accessibility.
• CSS3: Styled the website to reflect the restaurant's brand, using animations and transitions for a smooth browsing experience.
• Bootstrap: Ensured responsive design and included pre-built components for a professional look.
• JavaScript: Added interactivity, such as the dark mode toggle and smooth navigation.

JavaScript Libraries

• GSAP: Used for smooth, high-performance animations.
• ScrollTrigger: Triggered animations based on user scroll behavior.
• Parallax: Created background depth effects that move as the user scrolls.

Pages and Contributions

• Home Page:
  Designed the navigation bar, footer, and implemented dark mode.
  Contributor: Marwan

• About Us & Contact Us Pages:
  Developed the content and integrated animations.
  Contributor: Zyad

• Menu Page:
  Created the product display for all restaurant dishes.
  Contributor: Mariam

• Menu Categories:
  Organized dishes into easily navigable sections.
  Contributor: Farah

• Individual Meal Pages:
  Designed detailed pages for each meal, including descriptions and ingredients.
  Contributor: Mai

LIVE DEMO

The project is live on GitHub Pages.
You can view the live website here.