Skip to content

DIPANKAR-123/FoodHarmony

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Food Order Website

This project is a React-based website for ordering food online. It provides users with an intuitive interface to browse through a variety of food items, customize their orders, and complete the checkout process. The website is designed to be responsive and user-friendly, ensuring a seamless experience for both desktop and mobile users.

Table of Contents

Features

  • User registration and authentication: Users can create accounts, log in, and securely manage their personal information.
  • Browse food items: Users can view a wide range of food items with details such as images, descriptions, and prices.
  • Customizable orders: Users can customize their orders by selecting options like size, toppings, and quantity.
  • Shopping cart: Users can add items to a shopping cart and easily manage the contents, including modifying quantities and removing items.
  • Checkout process: Users can securely complete their orders by providing delivery details and making payments.
  • Order history: Users can view their previous orders and reorder items from their order history.
  • Responsive design: The website is optimized for various screen sizes, ensuring a consistent and enjoyable experience across devices.

Installation

  1. Clone the repository:
git clone https://github.com/your-username/react-food-order-website.git
  1. Navigate to the project directory:
cd react-food-order-website
  1. Install the dependencies:
npm install

To start the development server, run the following command:

npm start

Open your web browser and visit http://localhost:3000 to see the website in action.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • React Router: A library for handling routing in React applications.
  • Redux: A predictable state container for managing application state.
  • Axios: A promise-based HTTP client for making API requests.
  • CSS Modules: A CSS file format in which all class names are scoped locally by default.
  • Firebase: A platform for developing web and mobile applications, providing various services such as authentication and database storage.

Contributing

Contributions are welcome! If you find any bugs or want to enhance the existing features, feel free to submit a pull request. Please make sure to follow the contributing guidelines.

License

This project is licensed under the MIT License. Feel free to modify and use the code according to your needs.