https://github.com/onkar895/food-ordering-app
A dynamic and fully functional food ordering application built with React.js, designed to replicate the experience of real-world food delivery services. Packed with cutting-edge tools and technologies to deliver seamless performance and an engaging user experience.
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: 19 days ago
JSON representation
A dynamic and fully functional food ordering application built with React.js, designed to replicate the experience of real-world food delivery services. Packed with cutting-edge tools and technologies to deliver seamless performance and an engaging user experience.
- Host: GitHub
- URL: https://github.com/onkar895/food-ordering-app
- Owner: onkar895
- Created: 2023-08-05T12:16:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-28T13:10:40.000Z (4 months ago)
- Last Synced: 2025-03-28T12:51:14.923Z (about 1 month ago)
- Topics: firebase, jest, lazy-loading, material-ui, parcel, react-router-dom, react-toastify, reactsjs, redux-toolkit, swiggy-api, vercel
- Language: JavaScript
- Homepage: https://food-ordering-app-gilt.vercel.app/
- Size: 10.2 MB
- Stars: 2
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🍴 The Foodie Zone - Feature-Rich Food Ordering Platform 🚀
A dynamic and fully functional food ordering application built with React.js, designed to replicate the experience of real-world food delivery services. Packed with cutting-edge tools and technologies to deliver seamless performance and an engaging user experience.
**🌟 Key Highlights:**
- State Management: Powered by Redux Toolkit for efficient global state handling.
- UI/UX Design: Styled with Material-UI for a modern and responsive interface.
- Performance: Optimized with Parcel bundler and lazy-loading for blazing-fast load times.
- Authentication: Secured with Firebase authentication for safe user logins.
- Real API Integration: Features a simulated food delivery experience using Swiggy API.
- Enhanced UX: Includes React Router DOM, React Toastify, and advanced filters for seamless navigation and interactions.
- Deployment: Hosted on Vercel for high-speed accessibility.
Live Demo : https://food-ordering-app-gilt.vercel.app/
Give it a ⭐ if you like it! 😊
## 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 :
