Flavoro - Food ordering app with ReactJs + TailwindCss+ Redux toolkit in Hindi

Lets build and host Flavoro - The food ordering app made with reactjs (using vite), tailwindcss and redux toolkit. This app is completely mobile responsive and you will enjoy this app and the building process. Only the react knowledge is needed, for other technologies no previous knowledge required. If you are a absolute beginner then I welcome you to this project To join the community 👇   / discord   To download FoodData 👇 : https://tpi.li/food_data Project's source code 👇: https://tpi.li/flavoro_source_code Connect with me on social media 👇 LinkedIn :   / raj-padval-10869125b   Instagram :   / coder29.yt   What other topics are covered in this video : How to create a react app How to setup redux toolkit How to make apps with reactjs and tailwindcss How to make apps with reactjs, tailwindcss and reduxtoolkit How to host react apps How to deploy a application How to deploy apps using vercel How to make react app and host on vercel Concept of protected routes How to add loader inside the project How to add react-spinners How to use protected routes Timestamps 0:00:00 Intro 0:00:21 Demo 0:03:00 What we will use 0:04:14 About source code 0:04:41 Project setup 0:11:56 Creating pages 0:12:38 Creating Routes 0:17:12 Adding Tailwind CSS to the project 0:19:28 Creating Navbar 0:30:11 Creating CategoryMenu component 0:40:29 Creating FoodItems component 0:41:10 Downloading FoodData 0:42:35 Creating FoodCard component 0:57:21 Working with FoodItems component 1:06:13 Creating Cart componet 1:17:51 Creating CartItem component 1:34:10 Introduction to Redux Toolkit 1:34:44 Creating Store in redux 1:36:37 Creating CartSlice 1:39:03 Adding addToCart reducer 1:41:07 Adding removeFromCart reducer 1:43:56 Adding the CartSlice to Store 1:45:03 Linking Store and React app 1:48:13 Using addToCart reducer 1:52:39 Grabbing cart state 1:57:11 Adding functionality to toggle cart 2:06:56 Diplaying/mapping the cart Items 2:11:20 Deleting items inside cart 2:13:58 Identifying Bug Inside the project 2:14:25 Adding text when no items are present 2:16:27 Fixing bug 2:22:04 Adding Increment & Decrement functionality 2:31:23 Calculating total quantity 2:36:15 Calculating total price 2:38:51 Adding react-hot-toast 2:47:19 Extracting unique categories 2:56:10 working with cateogry 2:56:36 Creating CategorySlice 2:59:18 Selecting category 3:01:32 Filtering data as per category 3:13:02 Creating SearchSlice 3:15:26 Filtering data as per search 3:22:42 Refactoring Sucess page 3:26:32 Adding loading animation using react-spinners 3:31:13 Identifying 2nd Bug in the project 3:31:36 Adding Protected Routes to fix Bug 2 3:37:15 Pushing code to github 3:39:36 Hosting project live on vercel #reactjsprojects #projects #reactjs #reduxtoolkit #tailwindcss