데브허브 | DEVHUB | Build a Recipe Landing Page in React for Beginners | 2025Build a Recipe Landing Page in React for Beginners | 2025
Whatsup guys, In this video we are going to build this Recipe landing page using React. And this project is perfect for beginners who understand React concepts but want to apply them in a real-world scenario.
Source code
https://github.com/dev-lawrence/recip...
💻 My Product
🛠️ PortfolioKit:https://portfoliokit.netlify.app/
---
🌐 Website: http://devlawrence.netlify.app/
✍️ Blog: https://dev.to/devlawrence
📁 Github: https://github.com/dev-lawrence
---
🌎 Follow me on social media
🐦 Twitter: / lawrence_sticks
💼 LinkedIn: / lawrence-amrasakpare
📸 Instagram: / dev_lawrence1
---
💼 Business Inquiries:
E-mail: lawrenceamrasakpare19@gmail.com
❤️ Support the channel & Suggest Future Videos:
BuyMeACoffe: https://www.buymeacoffee.com/devlawrence
⌚Timestamps:
0:00 - Intro
2:39 - Project setup
11:10 - Header component
30:48 - Nav component
40:52 - Hero section
48:57 - Recipes section
55:18 - Recipe component
1:03:19 - Search Functionality
1:10:10 - Like Functionality
1:15:51 - Save data to Local storage
1:23:49 - Recipe details page
1:39:25 - Testimonial section
1:51:38 - Newsletter section
2:06:12 - Footer section
2:08:34 - Outro
#html #css #frontend #recipe #website #frontend #githubactions #github #webdevelopment #javascript #CodingTips #howto #landingpage #herosection #design 
