Fast Food Restaurant

Project Overview

This project is a simple fast food restaurant web application. The main features include displaying popular and recommended food items in separate carousels, with the ability for users to add more food items to their cart.

Features

• Home Page: The main page of the application, containing the banner, product carousels, and footer.
• Banner: A visually appealing banner at the top of the home page.
• Product Carousels: Two carousels to display food items based on their popularity and recommendation status.
• Add More Button: A button in each carousel item that allows users to add food items to their cart.

Tools and Libraries

The project is built using the following tools and libraries:

• React: A JavaScript library for building user interfaces.
• React DOM: Serves as the entry point of the DOM-related rendering paths.
• @emotion/react: A library designed for writing css styles with JavaScript.
• @emotion/styled: A styled-components library for use with Emotion.
• @mui/icons-material: Material design icons for React.
• @mui/material: Material-UI, a popular React UI framework.
• react-hook-form: A performant, flexible, and extensible forms with easy-to-use validation.
• react-simple-typewriter: A simple typewriter effect for React.
• swiper: A modern mobile touch slider.
• uuid: A library for generating unique IDs.

Getting Started

Prerequisites

• Node.js (>=14.0.0)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/Mahadi-Hasan-Sopon/fast-food-restaurant.git

2. Navigate to the project directory:

   cd fast-food-restaurant

3. Install the dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Build the project:

   npm run build

Feedback

We would love to hear your thoughts and suggestions on how we can improve this project. If you encounter any issues or have ideas for new features, please feel free to open an issue or submit a pull request.

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue to discuss what you would like to change.

License

This project is licensed under the MIT License. See the LICENSE file for details.

---

Note

1. for unsecure API URL, if you run live website on HTTPS, it may not fetch API data instead display Local Data.

2. to get API data, you must run this site on HTTP.