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-rec...
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: / theindiandev
Facebook: / 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
Watch video Build a Food Recipe App with React | React Recipe App | React Projects For Beginners online without registration, duration hours minute second in high quality. This video was added by user The Indian Dev 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 31,64 once and liked it 66 people.