🍽️ Algohary Restaurant - Web App

Algohary Restaurant is a modern and responsive web application for a restaurant that delivers an elegant digital dining experience. Users can browse menu items, place orders, manage their cart, reserve tables, and contact the restaurant — all from a clean and interactive UI optimized for both desktop and mobile.

---

💻 Used Technologies

Frontend:

• HTML5
• CSS3 (Flexbox, Grid, CSS Variables, Animations)
• JavaScript (ES6+)
• jQuery
• Isotope.js (menu filtering and layout)
• Google Maps API

Design & UX:

• Responsive Web Design (Mobile-First)
• Modern Typography (Dancing Script, Open Sans)
• Lazy Loading
• Custom CSS animations
• Toast Notifications & Modal Confirmations

---

🌐 Demo (Live Preview)

👉 View Live Website: https://ahmed-maher77.github.io/Algohary-Restaurant__web-app/

---

✨ Key Features

• 🧭 Interactive Navigation

  • Sticky header with active link highlighting
  • Smooth scrolling
  • Quick cart access

• 🍽️ Dynamic Menu System

  • Filter items by category
  • Real-time search
  • Stylish item cards with images, prices, and descriptions

• 🛒 Shopping Cart System

  • Real-time updates
  • Quantity adjustment and removal with confirmation
  • Total price calculation
  • Cart data stored in localStorage

• 📱 Responsive Design

  • Fully optimized for mobile, tablet, and desktop
  • Touch-friendly interactions

• 🪄 Modern UI/UX

  • Beautiful typography & color scheme (#ffbe33, #222831)
  • Custom hover effects and smooth transitions
  • Toasts, modals, and lazy loading

• 📍 Additional Features

  • Table booking form
  • Contact form
  • Google Maps location
  • Testimonials section
  • Special offers highlight
  • Social media links

---

🎥 Watch Video on LinkedIn

🔗 Watch Demo on LinkedIn

---

👀 Website Preview

---

📥 Installation Instructions (Local Setup)

# Clone the repository
git clone https://github.com/Ahmed-Maher77/Algohary-Restaurant__web-app.git

# Navigate to the folder
cd Algohary-Restaurant__web-app
# Open index.html in your browser

---

📬 Contact & Contribution

Feel free to connect, report issues, or contribute:

• 💼 Portfolio: https://ahmedmaher-portfolio.vercel.app/
• 📧 Email: ahmedmaher.dev1@gmail.com
• 🌍 LinkedIn: https://www.linkedin.com/in/ahmed-maher-algohary

🚀 Contributions, ideas, and feedback are always welcome!