Little Lemon is a modern, responsive, and user-friendly web application for a Mediterranean restaurant. Built with React and React Router, it allows customers to explore the restaurant, view specials, and reserve a table online.
- 🏠 Homepage with Specials & Call-to-Action: Highlighted dishes with images and a dynamic “Reserve a Table” button.
- 📝 Booking System: Fully functional reservation form with date, time, guest count, and occasion selection. Includes HTML5 validation and React form validation.
- ⏰ Dynamic Available Times: Booking times are dynamically updated based on the selected date.
- 🌐 Navigation: Easy-to-use links for Home, Booking, and About pages.
- 📱 Responsive Design: Mobile-friendly layout with CSS Grid and Flexbox for a seamless experience across devices.
- ♿ Accessibility: Semantic HTML elements, ARIA attributes, and properly labeled form fields.
- 🎨 Hover Animations: Interactive hover effects for specials, buttons, and call-to-action sections.
- React & React Router
- CSS Grid & Flexbox
- HTML5 & ARIA for accessibility
- JavaScript ES6
- Add a menu page with all dishes.
- Integrate a backend API to store reservations.
- Enhance SEO & performance optimizations.
Made with 💛 for Little Lemon.