An open API service indexing awesome lists of open source software.

https://github.com/fredvuni/reactfoodorderapp

React restaurant ordering and delivery service app with redux ,tailwind CSS and firebase
https://github.com/fredvuni/reactfoodorderapp

context-api fire-store firebase firestore google-authentication react-redux reactjs redux tailwindcss

Last synced: 3 months ago
JSON representation

React restaurant ordering and delivery service app with redux ,tailwind CSS and firebase

Awesome Lists containing this project

README

          

# Restaurant Ordering and Delivery Service App

This is a React-based web application for restaurant ordering and delivery service. The app utilizes Redux for state management, Tailwind CSS for styling, and Firebase for backend services.

## Features

- **User Authentication**: Secure user authentication using Firebase Authentication.
- **Menu Display**: Display of restaurant menu with categories and items.
- **Shopping Cart**: Users can add and remove items from their shopping cart.
- **Order Placement**: Users can place orders and view order history.
- **Real-time Updates**: Real-time updates for order status using Firebase Realtime Database.
- **Responsive Design**: Responsive and mobile-friendly design for a seamless user experience.
- **Easy Configuration**: Tailwind CSS for easy styling and customization.

## Screenshot

![image](https://user-images.githubusercontent.com/41730664/222364869-17589ac6-e4af-4dfd-a5ed-7233886c3ee7.png)

## Technologies Used

- **React**: JavaScript library for building user interfaces.
- **Redux**: State management for React applications.
- **Tailwind CSS**: Utility-first CSS framework for styling.
- **Firebase**: Backend services including Authentication and Realtime Database.

## Getting Started

1. **Clone the Repository:**

```bash
git clone https://github.com/FREDVUNI/restaurant-app.git
cd restaurant-app
```

2. **Install Dependencies:**

```bash
npm install
```

3. **Firebase Configuration:**

- Set up a Firebase project and obtain the configuration details.
- Add the Firebase configuration to your app in `src/firebase.js`.

4. **Run the App:**

```bash
npm start
```

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

## Contributing

Contributions are welcome! If you'd like to contribute, please follow these guidelines:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and submit a pull request.

## cc

[VetrivelRavi](https://www.youtube.com/@VetrivelRavi)