🍋 Little Lemon Restaurant

A modern, responsive restaurant web app built as the capstone project for the Meta Frontend Developer Professional Certification.
Little Lemon Restaurant is a vibrant, family-owned bistro web app where tradition meets innovation. The site features a beautiful landing page with weekly specials, customer testimonials, and an about section. Users can easily reserve a table online and receive instant confirmation via email, thanks to seamless EmailJS integration.

🎥 Demo

💡 Features

• 🏠 Elegant landing page with hero, specials, testimonials, and about sections
• 📅 Online table reservation form with email confirmation
• 🛡️ Robust form validation using Zod and React Hook Form
• 📱 Fully responsive and mobile-friendly design
• ⭐ Modern UI with Bootstrap 5 and custom SCSS
• ⚡ Fast, type-safe, and scalable with React + TypeScript

🛠️ Tech Stack

🚀 Getting Started

To run the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Umairulislam/little-lemon-reservation.git
   cd little-lemon-reservation

2. Install dependencies:

   npm install

3. Set up EmailJS:
   • Create an account on EmailJS.
   • Create a new email service and template.
   • Add your EmailJS public key, service ID, and template ID to a .env file:

   VITE_EMAILJS_PUBLIC_KEY=your_public_key
   VITE_EMAILJS_SERVICE_ID=your_service_id
   VITE_EMAILJS_TEMPLATE_ID=your_template_id

4. Start the development server:

    npm run dev

5. Open your browser and navigate to:

   http://localhost:5173
   

👨‍💼 Author

Crafted with care by Engr. Umair Ul Islam