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! 😊
- React JS
- Redux Toolkit
- Firebase Authentication
- Material UI
- Parcel
- User Registration and Authentication
- Username after sign Up
- Browse Restaurants
- Search Restaurants
- Shimmer UI
- View Restaurant Menus
- Add Items to the Cart
Follow these steps to set up and run the application locally:
- npm (Node Package Manager) installed.
- Parcel Bundler installed.
-
Clone the repository:
git clone https://github.com/your-username/FOOD ORDERING APP.git cd FOOD ORDERING APP
LOCALHOST=1234
-
Install dependencies:
cd FOOD ORDERING APP npm install -
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 :
