A Little Lemon Restaurant

Welcome to the "A Little Lemon Restaurant" project! This React-based website showcases our restaurant's offerings and provides a delightful user experience across various devices, including mobile, tablet, laptop, and desktop. We've utilized technologies such as SCSS, JavaScript, and Jest for testing to ensure a seamless and enjoyable experience for our customers.

Check out the Live Demo

Table of Contents

• Getting Started
• Technologies Used
• Accessibility (a11y)
• Available Scripts
• Features
• Testing
• Deployment
• Troubleshooting

Getting Started

To get started with the project, follow these steps:

1. Clone the repository to your local machine:

   git clone https://github.com/jonaDJ/a-little-lemon-restaurant.git
   

2. Navigate to the project directory:

   cd a-little-lemon-restaurant
   

3. Install the project dependencies:

     npm install
   

4. Start the development server:

   npm start
   

5. Open your browser and visit http://localhost:3000 to view the restaurant website.

Technologies Used

This project utilizes several technologies, including:

• React: A JavaScript library for building user interfaces.
• SCSS: A CSS preprocessor for enhancing the styling capabilities of your application.
• JavaScript: The primary programming language for building interactive web applications.
• Jest: A JavaScript testing framework for unit and integration testing.
• SEO: The project includes SEO optimizations to improve its visibility on search engines.

Accessibility (a11y)

We are committed to making our website accessible to all users. Our website adheres to accessibility standards (a11y) to ensure that people with disabilities can use it effectively. We've implemented features such as proper semantic HTML elements, keyboard navigation, and ARIA roles and attributes to enhance accessibility.

Available Scripts

In the project directory, you can run the following scripts:

• npm start: Runs the app in development mode.
• npm test: Launches the test runner in interactive watch mode.
• npm run build: Builds the app for production.
• npm run eject: Ejects the project from Create React App.

Features

• Showcase the restaurant's menu, location, and contact information.
• Provide an interactive and user-friendly experience for customers.
• Utilize SCSS for enhanced styling and responsiveness.

Testing

We ensure code quality and reliability by using Jest for testing. You can run tests with the following command:

```shell
npm test

Deployment

To deploy this project, follow the deployment steps outlined in the Create React App documentation.

Troubleshooting

If you encounter any issues or have questions, refer to the troubleshooting section of the Create React App documentation.

Thank you for visiting our restaurant website! We hope you have a delightful experience exploring our offerings.