🍔 Jiffy - Food Delivery Application

A comprehensive food delivery website built using React.js. This project aims to explore React.js in depth, leveraging Redux for state management and TailwindCSS for enhancing the user interface. For practical learning, it uses live APIs from Swiggy, a leading food delivery company in India.

Website - Jiffy

🚀 Features

1. Listing Restaurants: Browse through a variety of restaurants.
2. Filter and Search Restaurants: Easily find your favorite restaurants.
3. Browsing Menu: Navigate menus with accordion control.
4. Adding Items to the Cart: Seamlessly add items to your cart.
5. Cart View: View your cart with billing information.

📚 Topics Covered

1. Understanding the need for React
2. Managing packages with npm
3. Parcel / WebPack: Module bundlers for JavaScript.
4. Transition from React.createElement to JSX
5. React Component / Component Composition
6. Named Export vs Default Export
7. React Hooks: Introduction to hooks for functional components.
8. State Management - useState
9. Performing Side Effects - useEffect
10. Handling Live APIs using fetch
11. Virtual DOM
12. Reconciliation - Diffing Algorithm
13. Routing using React-Router-DOM
14. Exploring Class Based Component
15. Creating Custom Hooks
16. Application Bundling - Lazy Loading
17. Higher Order Component
18. Lifting State Up
19. Prop Drilling and React Context
20. Redux: Advanced state management with Redux.
21. TailwindCSS: Styling the application with TailwindCSS.

🛠️ Tech Stack

• Frontend: React.js, Redux, TailwindCSS
• Build Tools: Parcel
• APIs: Swiggy Live APIs

💽 Installation Guide

1. Prerequisites - Node.js and npm
2. Clone the repository
3. Install dependencies:

   npm install

4. Start the development server:

   npm start