Skip to content

Latest commit

 

History

History
75 lines (45 loc) · 1.6 KB

README.md

File metadata and controls

75 lines (45 loc) · 1.6 KB
Raw

Food Order App with React.js & Firebase

Overview

A simple food order app built using React.js and Firebase Realtime Database. Users can explore the menu items, place orders, and have the orders stored in the Firebase database.

Features

  • Browse menu items from Firebase.
  • Select items and set quantities for orders.
  • Calculate the total order amount.
  • Submit orders to Firebase Realtime Database.

Setup

  1. Clone the repository:

    git clone https://github.com/your-username/food-order-app.git

  2. Navigate to the project directory:

    cd food-order-app

  3. Install dependencies:

    npm install

  4. Create a .env file:

    Create a file named .env in the root directory of the project and add your Firebase API URL:

    REACT_APP_FOOD_DB_URL=your_firebase_api_url_here

  5. Start the development server:

    npm start

  6. Open in your browser:

    Open http://localhost:3000 in your web browser to see the app in action.

Firebase Setup

  1. Create a Firebase project:

    Go to the Firebase Console (https://console.firebase.google.com/) and create a new project.

  2. Get your Firebase API URL:

    In the project settings, find your project's Firebase API URL.

  3. Add API URL to .env:

    Add the API URL in variable REACT_APP_FOOD_DB_URL to the .env file as shown above.

Technologies Used

  • React.js
  • Firebase Realtime Database
  • HTML & CSS

License

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