https://github.com/tobiazamo/react-food-order-app

A dynamic React-based web application that allows users to browse and order meals from a backend server.
https://github.com/tobiazamo/react-food-order-app

Last synced: about 2 months ago
JSON representation

A dynamic React-based web application that allows users to browse and order meals from a backend server.

• Host: GitHub
• URL: https://github.com/tobiazamo/react-food-order-app
• Owner: tobiazamo
• Created: 2024-05-13T13:12:58.000Z (9 months ago)
• Default Branch: master
• Last Pushed: 2024-05-13T13:25:09.000Z (9 months ago)
• Last Synced: 2024-05-13T14:45:05.251Z (9 months ago)
• Language: JavaScript
• Homepage:
• Size: 3.63 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Food Order App

This React application allows users to browse meals, add them to a shopping cart, and proceed through a checkout process. It includes real-time data fetching and state management using React hooks and context.

## Features

- **Meal Browsing**: Users can view a list of available meals.

- **Cart Management**: Users can add meals to a cart, adjust quantities, or remove them.

- **Checkout Process**: A checkout form captures customer information, confirms order details, and submits orders.

- **Error Handling**: The application handles errors gracefully, displaying user-friendly error messages.

- **Responsive Design**: The UI adapts to different screen sizes, providing an optimal experience on both mobile and desktop devices.

## Tech Stack

- **React**: For building the user interface.

- **React Context API**: For state management across components.

- **Custom Hooks**: For handling HTTP requests and other functionalities.

### Prerequisites

Before you begin, ensure you have the following installed:

- Node.js

- npm (Node Package Manager)

### Installing

Follow these steps to get your development environment running:

1. Clone the repository to your local machine:

```

git clone https://github.com/tobiazamo/react-food-order-app.git

```

3. Navigate to the project directory:

```

cd react-food-order-app

```

4. Install the necessary packages:

```

npm install

```

5. Start the development server:

```

npm run dev

```

6. Run backend

```

cd backend

node app.js

```

7. Open your browser in localhost to view the app.