Little Lemon Restaurant Website

Welcome to the Little Lemon Restaurant website, a fully-featured front-end application showcasing our Italian restaurant in Chicago. This project demonstrates modern web development practices and offers a complete user experience for exploring our menu, placing orders, and making reservations.

Live Demo

Experience the Little Lemon Restaurant website live at Little Lemon Restaurant. Browse our menu, place an order, and reserve a table directly through the live site!

Key Features

• Online Ordering: View our menu and add dishes to your cart for easy delivery or pickup.
• Table Reservations: Reserve a table online to ensure a smooth dining experience.
• Order Summary: Check your order details, including itemized costs and total amount.
• Notifications: Receive confirmation and updates about your order or reservation.

Technologies Used

• React: Provides a dynamic and interactive user interface through a component-based architecture.
• React Hooks (useState, useEffect): Manage state and handle side effects to ensure a responsive and efficient application.
• CSS: Applied to create a modern, responsive design that looks great on all devices.
• JavaScript: Enhances functionality and interactivity across the website.

Setup Instructions

If you'd like to run the Little Lemon website locally, follow these steps:

1. Clone the Repository:

   git clone https://github.com/your-username/little-lemon-restaurant.git

2. Navigate to the Project Directory:

   cd little-lemon-restaurant

3. Install Dependencies:

   npm install

4. Start the Development Server:

   npm start

   The application will be available at http://localhost:3000.

Deployment

The website is deployed on GitHub Pages. To deploy it yourself, follow these steps:

1. Build the Project:

   npm run build

2. Deploy to GitHub Pages: Ensure your repository is configured to serve from the gh-pages branch for public access.

Technical Highlights

• Complete Front-End Project: Built as a full front-end application using modern technologies, showcasing a robust understanding of React and front-end development practices.
• Component-Based Architecture: Utilizes React’s components for a modular and scalable codebase.
• State Management and Side Effects: Managed using useState and useEffect hooks for a responsive and interactive user experience.
• Responsive Design: Styled with CSS to ensure compatibility and usability across various devices and screen sizes.

Contributing

We welcome contributions to the Little Lemon website. To contribute:

1. Fork the Repository
2. Create a New Branch
3. Implement Your Changes
4. Submit a Pull Request

Contact

For any inquiries or feedback, please contact at [email protected].

---

Feel free to adjust any details as needed, but this README should give a clear and comprehensive overview of the project, its features, and its deployment.

Wellness icons created by Smashicons - Flaticon