FoodAdda

FoodAdda is a web application with features similar to Swiggy, offering a seamless way to discover delicious food from various restaurants. With a dynamic and engaging user interface, it provides a delightful experience for food enthusiasts.

Live Demo

Check out the live demo of FoodAdda at https://foodaddaa-103ee.web.app/. Use the "CORS Unblock" Chrome extension to bypass the CORS error.

Key Features

Seamless Integration with Swiggy's Public API: FoodAdda connects to Swiggy's public API to provide users with access to a wide range of restaurants and cuisines.
Elegant Shimmer UI: The application features a stunning shimmer effect, enhancing the user experience and engaging the loading process.
Dynamic Landing Page: The homepage showcases various restaurants, cuisines, average ratings, and delivery times. It includes a captivating carousel to grab users' attention.
Robust Search and Filtering: FoodAdda offers robust search and filtering options, making it easy for users to find their favorite dishes and restaurants.
Detailed Restaurant Menu Pages: Explore detailed restaurant menu pages with categorized listings to make informed choices.
Convenient Cart Management: Convenient cart management ensures a smooth shopping experience, allowing users to add and remove items seamlessly.

Tech Stack

FoodAdda is built using the following technologies:

Parcel -- efficient package management
Babel -- optimized rendering
React JS and React Hooks (useState and useEffect)
Custom Hooks -- enhanced functionality
React Router DOM -- smooth navigation
Redux store -- state management
Tailwind CSS -- stylish and responsive design
Jest and React Testing Library -- unit and integration testing

Code Highlights

Efficient Package Management: Utilizes Parcel for efficient package management, ensuring fast and reliable builds.
Optimized Rendering: JSX is used for optimized rendering, enhancing the application's performance.
Smooth Navigation: React Router ensures smooth navigation, creating an enjoyable user experience.
State Management: The application leverages React useContext and Redux Toolkit for efficient state management.
Controlled and Uncontrolled Components: Utilizes controlled and uncontrolled components for enhanced user interaction.
Modern JavaScript Features: Incorporates modern JavaScript features such as optional chaining for improved code efficiency.
Lazy Loading and Suspense: Implements lazy loading and suspense for improved performance.

Installation

To run FoodAdda locally, follow these steps:

Clone the repository:

git clone https://github.com/Chinmayee-mohapatra/FoodAddaa.git

Install the required dependencies:

npm install

Start the development server:

npm start