Build a Food Recipe App with React | React Recipe App | React Projects For Beginners

Hey Devs, In this video We will be building a Food Recipe App from scratch using React.js. React Food Recipe App is an amazing app to build as a beginner, as it covers a lot of things from development point of view. Recipe app finds the recipes on the basis of searched ingredient. We will have App designing, state management, API integration and making our application live on Github Pages. If you are a beginner with react I highly encourage you to follow along because you are going to learn how to put all the small pieces together to understand things like how to fetch data from an api, how to update state and more. 📕 Things covered in this video: - Working of React Recipe Finder - API setup with Edmam.com - Creating the crisp and clear UI with styled-component - Code Modularity - Responsive UI with Flex Edamam for API setup - https://www.edamam.com/ Buy me a coffee: https://www.buymeacoffee.com/ayushkTID Github Repository for the react-recipe-finder - https://github.com/ayushkul/react-recipe-finder Timeline ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 00:00 Introduction 01:15 Application Walkthrough (Demo) 03:25 Setting up API Keys at Edamam 07:10 Initialising the Application 11:30 Header Component Design 29:00 Recipe Component Design 39:48 Making UI Responsive 42:34 Outlining for Part 2 Part 2 Will Cover- ✅ API integration (axios) ✅ Dialog using Material UI ✅ Improving User Experience ✅ App Deployment over Github Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Github: https://www.github.com/ayushkul Instagram: https://www.instagram.com/theindiandev Facebook: https://www.facebook.com/TheIndianDev Equipments I Use: ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ LG Monitor - https://amzn.to/3vUKOIf Logitech Web Cam (720p) - https://amzn.to/3z4Rc1t Wireless Keyboard & Mouse - https://amzn.to/3wWQiSV Boya Mic for Recording Videos - https://amzn.to/2TCcYcJ Mouse Pad - https://amzn.to/3uRKwAH GoPro HERO9 Black - https://amzn.to/3z4b4li #reactjs #javascript #webdevelopment