CraveCart -

A food ordering web app

build with React js , Redux js , Tailwind Css ,

created this app using parcel bundler,

Demo - https://www.linkedin.com/posts/nidhi-yadav-b69386247_react-redux-parcel-activity-7196120338538151936-Ls1Q?utm_source=share&utm_medium=member_desktop

🔹 Features

• View Restaurants
• see their menu page
• add items to cart
• remove items from cart
• discount funtionality
• sign up
• login
• logout

🔹 Tech Stack:

• React
• Parcel Bundler
• Redux Toolkit
• Tailwind CSS
• Firebase Authentication

🔹 API Integration:

Leveraged Swiggy's live APIs for real-time data fetching

🔹 Key Learnings:

• Functional components
• Component composition
• Config-driven UI
• React hooks (useState, useEffect)
• Reconciliation Algorithm
• Shimmer UI
• React Router DOM
• Outlet Component
• Dynamic routing
• Class-based components
• Custom Hooks
• Tailwind CSS
• Higher Order Component
• Lifting State Up
• Context (useContext, createContext)

🔹 Redux Insights:

• Redux Toolkit
• React-Redux
• Actions
• Reducers
• Selectors