This project is part of a front-end development course, where I revisited essential concepts and knowledge, and applied my React skills to build a web app for the Little Lemon restaurant. The goal of this project is to create a form that allows users to book tables at the restaurant.
- Table Booking Form: A form that handles table reservations with validation.
- Unit Testing: Ensures the form and other components function correctly.
- Accessibility Tags: Appropriate tags to enhance the user experience.
- Responsive Design: Ensures the web app is mobile-friendly and adaptable to different screen sizes.
- Git Integration: The project is committed to a Git repository for version control.
- Design and Implementation of UX/UI: Followed best practices to design a user-friendly interface.
- Form Validation: Implemented validation to ensure users provide necessary information correctly.
- Unit Tests: Created unit tests for the form and other components to maintain functionality and reliability.
- Accessibility: Applied appropriate accessibility tags to make the web app usable for all users.
- Responsive Layout: Ensured the web app is responsive, providing a seamless experience across devices.
- Node.js
- npm
- Clone the repository:
- sh
- git clone [repository_link]
- Navigate to the project directory:
- sh
- cd little-lemon-booking
- Install dependencies:
- sh
- npm install
Start the development server:
- sh
- npm start The application will be available at http://localhost:3000.
Run the unit tests:
- sh
- npm test
- React documentation: https://reactjs.org/docs/getting-started.html
- Accessibility resources: https://www.a11yproject.com/
- Responsive design principles: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design