https://github.com/mre55/food-order-app

Welcome to the Food ordering App. In this web app, you will be able to select items to order.
https://github.com/mre55/food-order-app

firebase-database firebase-hosting javascript react react-context-api react-hooks react-router

Last synced: 6 days ago
JSON representation

Welcome to the Food ordering App. In this web app, you will be able to select items to order.

• Host: GitHub
• URL: https://github.com/mre55/food-order-app
• Owner: Mre55
• Created: 2023-01-30T12:05:59.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-21T19:47:36.000Z (8 months ago)
• Last Synced: 2024-11-09T01:33:56.816Z (2 months ago)
• Topics: firebase-database, firebase-hosting, javascript, react, react-context-api, react-hooks, react-router
• Language: JavaScript
• Homepage: https://food-order-app-9b2b3.firebaseapp.com/
• Size: 11.7 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Food Ordering App

Welcome to the Food ordering App. In this web app, you will be able to select items to order.

- You can select items to add to your cart.

- Also, you can see the selected items inside the cart and add or reduce the quantity.

- Finally, you can submit your order.

### 🖥️ Desktop version

#### This is the home page, where you can see and interact with the available foods to order

![homepage-screen](./screenshots/HomePage.png)

#### This is the cart page, where you can see items added to cart and add or remove items quantity inside the cart

![mission-screen](./screenshots/CartPage.png)

####  Finally, this interface where to added information for ordering the foods

![myProfile-screen](./screenshots/orderPage.png)

### 📱 Mobile version

Here you can take a look at the different pages for the mobile version

#### Home Page



#### Missions Page



#### My Profile Page



## 🧩 Built With

- React.js

- React-router

- React Context API

  

## 📚 Getting Started

To get a local copy up and running, you can follow these simple example steps:

### Prerequisites

For this project, you don't need additional tools

### Setup

Fork a copy to your repository

### Install

Clone the repository on your local environment and run `npm i` on your terminal

### Usage

To start the dev server, just run `npm start`.

You can work in your favorite Code Editor

## 💻📱 Live Preview

If you want to see a live demo of this project, [click here](https://food-order-app-9b2b3.firebaseapp.com/)

## Authors

👤 **Mihreteab Misganaw Aride**

- GitHub: [@Mre55](https://github.com/Mre55)

- Twitter: [@MreMisganaw](https://twitter.com/MreMisganaw)

- LinkedIn: [@Mihreteab-Aride](https://www.linkedin.com/in/mihreteabaride/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Please feel free to check the [issues page](../../issues).

## 👏 Show your support

Give a ⭐️ if you like this project!

## 📝 License

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

Copyright (c) Mihreteab Misganaw