Cafe-Azure: Food Ordering React App

Cafe-Azure is a React-based food ordering application that provides users with a seamless ordering experience. The app incorporates various features and technologies to enhance user interaction and satisfaction.

Technologies Used

• React JS: The app is built using React JS, a popular JavaScript library for building user interfaces.

• Redux Toolkit: Redux is utilized for state management, with the Redux Toolkit specifically employed to handle the shopping cart functionality.

• Geolocation API: The app leverages the Geolocation API to extract the current location of the user. This feature can be useful for providing location-specific recommendations or services.

• Tailwind CSS: Used Tailwind CSS to style the app..

Features

1. Shopping Cart with Redux Toolkit

The app employs Redux Toolkit to manage the shopping cart state. This ensures a smooth and consistent shopping experience for users, with the ability to add, remove, and update items in the cart.

2. Geolocation for User Location

Cafe-Azure uses the Geolocation API to determine the user's current location. This feature can enhance the user experience by providing location-specific information or services.

3. Priority Order Feature

The application prioritizes the order feature, allowing users to easily mark certain items as a priority. This can be useful for special instructions or to highlight essential items in the order.

4. Search by Unique Order ID

To streamline order tracking, the app allows users to search for their orders using a unique Order ID. This feature provides a convenient way for users to retrieve and monitor their orders.

How to Run the App

1. Clone the repository: git clone https://github.com/siddharthharshraj/cafe-azure.git

2. Install dependencies: npm install

3. Start the development server: npm start

4. Open the app in your browser: http://localhost:3000

Contributors

• Siddharth Harsh Raj

Feel free to contribute to the project and make Cafe-Azure even better!