🍴 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 :