https://github.com/sentvinsent/food-ordering-app-practice-project
One of the practice projects created during React JS Course on Udemy.
https://github.com/sentvinsent/food-ordering-app-practice-project
context-api customhooks firebase hooks httprequest react scss
Last synced: 2 months ago
JSON representation
One of the practice projects created during React JS Course on Udemy.
- Host: GitHub
- URL: https://github.com/sentvinsent/food-ordering-app-practice-project
- Owner: Sentvinsent
- Created: 2024-10-21T17:34:30.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-07T15:14:01.000Z (over 1 year ago)
- Last Synced: 2025-02-24T07:48:56.225Z (over 1 year ago)
- Topics: context-api, customhooks, firebase, hooks, httprequest, react, scss
- Language: JavaScript
- Homepage: https://sentvinsent.github.io/Food-Ordering-App-Practice-Project/
- Size: 2.74 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Food Ordering Practice APP
Live: https://sentvinsent.github.io/Food-Ordering-App-Practice-Project/
## Overview
This project is a practice application built using ReactJS, leveraging the skills acquired from a comprehensive ReactJS course. The application fetches a list of meals from a Firebase database, allowing customers to place orders, manage their cart, and submit orders.
## Features
- Meal Fetching: Retrieves a list of meals from a Firebase realtime database.
- Order Functionality: Users can add meals to the cart, modify the cart contents, and submit orders.
- Checkout: Order data is submitted to a Firebase realtime database (note: no actual payment provider integration).
- Styling: Utilizes SCSS for styling, including global variables and animations.
- State Management: Local state managed using useState and useReducer hooks; global state managed with Context API.
- Custom Hooks: Logic for handling HTTP requests is encapsulated within custom hooks.
## Technologies Used:
- ReactJS
- Firebase Realtime Database
- SCSS
- useState and useReducer Hooks
- Context API
## Running project locally
1. **Clone the repository**:
```bash
git clone https://github.com/Sentvinsent/Food-Ordering-App-Practice-Project
```
2. **Navigate to the repository**:
```bash
cd Food-Ordering-App-Practice-Project
```
3. **Install dependencies**:
```bash
npm install
```
4. **Run the project**:
```bash
npm start
```