A comprehensive food delivery platform built with React.js and Bootstrap, featuring restaurant browsing, online ordering, cart management, and table reservations. Evolved from Little Lemon Restaurant to a full-scale multi-restaurant delivery service.

• Browse restaurants by cuisine type
• Search functionality for restaurants and dishes
• Featured restaurant highlights with ratings
• Real Chicago restaurant locations

• Add/remove items from cart with toast notifications
• Quantity management with real-time updates
• Secure checkout process with delivery options
• Order summary with pricing breakdown

• Real Chicago business addresses
• Google Maps integration
• Complete contact information
• Business hours and social media links

• Responsive Bootstrap design for all devices
• Smooth animations and hover effects
• User authentication (Login/Signup)
• Table reservation system

Visit the live application: FoodHub Chicago

• Hero section with call-to-action buttons
• Announcement banner for rebranding
• Feature cards highlighting services

• Clean card-based layout
• Restaurant ratings and delivery times
• Search and filter functionality

• Interactive menu with add-to-cart
• Shopping cart with quantity controls
• Checkout process with order summary

• React 18 - Frontend framework
• React Bootstrap - UI components
• React Router DOM - Client-side routing
• React Icons - Icon library
• React Hot Toast - Notifications
• Context API - State management
• CSS3 - Custom styling and animations

1. Clone the repository

   git clone https://github.com/anujkvcs/Little-Lemon.git
   cd Little-Lemon

2. Install dependencies

   npm install

3. Start the development server

   npm start

4. Open your browser Navigate to http://localhost:3000

src/
├── components/
│   ├── Navbar.js          # Navigation with cart counter
│   └── Footer.js          # Contact info and links
├── pages/
│   ├── Home.js            # Homepage with hero section
│   ├── Restaurants.js     # Restaurant listings
│   ├── RestaurantDetail.js # Menu and ordering
│   ├── Cart.js            # Shopping cart
│   ├── Checkout.js        # Order placement
│   ├── About.js           # Company info with map
│   ├── Login.js           # Authentication
│   └── Reservations.js    # Table booking
├── context/
│   └── AppContext.js      # Global state management
├── data/
│   └── restaurants.js     # Restaurant and menu data
└── App.css               # Custom styles and animations

• Multiple restaurant support
• Individual restaurant pages
• Menu item management
• Restaurant contact information

• Add to cart functionality
• Quantity controls
• Cart persistence
• Toast notifications

• Modern Bootstrap components
• Responsive design
• Smooth animations
• Professional styling

• Chicago-based locations
• Google Maps integration
• Complete contact details
• Social media presence

FoodHub Chicago

• Address: 123 Michigan Avenue, Chicago, IL 60601
• Phone: (312) 555-FOOD
• Email: [email protected]
• Hours: 24/7 Delivery, Office: Mon-Fri 9AM-6PM

1. Pizza Palace - 456 N State Street
2. Burger House - 789 W Randolph Street
3. Sushi Express - 321 N Michigan Avenue

The application is deployed on GitHub Pages and can be accessed at: https://anujkvcs.github.io/Little-Lemon

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

Anuj Kumar Verma

• GitHub: @anujkvcs
• LinkedIn: Anuj Kumar Verma

• Built as part of Meta Front-End Developer Professional Certificate
• Evolved from Little Lemon Restaurant to FoodHub delivery platform
• Images from Unsplash
• Icons from React Icons
• UI components from React Bootstrap

🍽️ FoodHub - Where great food meets convenience in the heart of Chicago! 🏙️