Little Lemon Restaurant - React Web App Overview Little Lemon Restaurant is a modern, responsive single-page application built with React.js and React Router. The website showcases a Mediterranean restaurant with smooth navigation, multiple sections, and a reservation functionality.
Features Responsive Design: Fully responsive layout for desktop and mobile devices. Smooth Navigation: Smooth scrolling to specific sections (Home, Menu, About Us, Contact Us). Dynamic Routing: React Router for page navigation, including Reservations and Booking Confirmation. Reusable Components: Modular components for the header, navigation bar, footer, etc. Mobile-Friendly Navigation: Hamburger icon for compact mobile navigation. Reservation System: A dedicated "Reservations" page for table bookings. Installation To run the project locally, follow these steps:
Clone the Repository:
bash Copy code git clone https://github.com/your-username/front-end-developer-capstone.git Navigate to the Project Folder:
bash Copy code cd final-app Install Dependencies: Use npm or yarn to install required packages:
bash Copy code npm install # OR yarn install Run the Application: Start the development server:
bash Copy code npm start # OR yarn start Open in Browser: Open http://localhost:3000 to view the app.
Technologies Used React.js: Core front-end library. React Router DOM: For client-side routing. CSS: Custom styles for the UI. JavaScript (ES6+): Component logic and functionality. HTML5: Structure and semantics. npm/Yarn: Package management.
Screenshots
capstone1.mp4
License This project is licensed under the MIT License.