Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/onkar895/food-ordering-app

A comprehensive React JS application for 'The Foodie Zone' food ordering platform. Powered by Redux-Toolkit, Material UI, Firebase, and Parcel, this robust application offers a wide range of features and functionalities found in real-world food delivery services.
https://github.com/onkar895/food-ordering-app

firebase jest lazy-loading material-ui parcel react-router-dom react-toastify reactsjs redux-toolkit swiggy-api vercel

Last synced: 7 days ago
JSON representation

A comprehensive React JS application for 'The Foodie Zone' food ordering platform. Powered by Redux-Toolkit, Material UI, Firebase, and Parcel, this robust application offers a wide range of features and functionalities found in real-world food delivery services.

Awesome Lists containing this project

README

        

# THE FOODIE ZONE - FOOD ORDERING APP

"This repository encompasses the comprehensive codebase for 'The Foodie Zone' food ordering application, developed utilizing a technology stack that includes React JS, Redux Toolkit, Material UI, Firebase, and Parcel. It offers a wide range of sophisticated functionalities and features."

For an optimal experience, please access the website in desktop view, as it is currently not responsive. 👀

Live Project : https://food-ordering-app-gilt.vercel.app/

## Technologies Used :

- React JS
- Redux Toolkit
- Firebase Authentication
- Material UI
- Parcel

## Features :

- User Registration and Authentication
- Username after sign Up
- Browse Restaurants
- Search Restaurants
- Shimmer UI
- View Restaurant Menus
- Add Items to the Cart

## Getting Started :

Follow these steps to set up and run the application locally:

### Prerequisites :

- npm (Node Package Manager) installed.
- Parcel Bundler installed.

### Installation :

1. Clone the repository:

```
git clone https://github.com/your-username/FOOD ORDERING APP.git
cd FOOD ORDERING APP
```

LOCALHOST=1234

2. Install dependencies:

```
cd FOOD ORDERING APP
npm install
```

3. Inside the cd FOOD ORDERING APP
```
run this-- npm start
"start" stands to parcel index.html
mentioned it in your package.json file like -
"start": "parcel index.html"
then run "npm start"
```

Demo Screenshots :

![Screenshot (1)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/ff73e98a-93e3-48e4-b17d-b61beeffcb04)
![Screenshot (2)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/d0ac15e7-a8b4-41ec-a781-018f639d76c1)
![Screenshot (3)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/6a9298b2-8d12-4ce9-af31-66d95ac3b82e)
![Screenshot (4)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/5b62e767-e3b1-40e5-8c49-7b554defe1e4)
![Screenshot (5)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/014f5bf8-139c-46db-8ddb-df69958b5b7b)
![Screenshot (6)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/ccdd30d9-c8b2-478e-a597-214f03bfc8ec)
![Screenshot (7)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/e234a291-cc35-40a9-bab7-1fab51a802a3)
![Screenshot (8)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/59f653df-58c2-48a4-ab55-6d4549ad7d7d)
![Screenshot (9)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/cfe755e7-6958-4b20-9bed-645504dbe449)
![Screenshot (10)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/91dec168-14af-47c2-94e2-ce7f604f5db9)
![Screenshot (11)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/670c47ab-1019-4fdc-a6cb-6f54be12619e)
![Screenshot (12)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/97614169-c5ec-427d-85f9-61858e9eea40)
![Screenshot (13)](https://github.com/onkar895/FOOD-ORDERING-APP/assets/50394711/1072e5c9-9987-4abe-8e0d-7281b276d383)