Build and Deploy Food Recipe App using React Js | React, Tailwind CSS, Edamam API

preview_player
Показать описание
Hello coders, welcome to another project. In this project tutorial, we will build and deploy a food recipe application using reactjs, tailwind css and Edamam Recipe API.

Build and Deploy Food Recipe App using React Js | React, Tailwind CSS, Edamam API

❤️🧡 💛 💚 💙 🧑🏿‍💻 👨🏿‍💻👇👇

TELEGRAM CCHANNEL:

Timestamps👇
00:00:00 - Intro
00:02:50 - Project Settings
00:10:04 - Home page
00:20:14 - React Router dom
00:24:00 - Navbar
00:41:41 - Recipe Section
00:46:17 - Search Bar
00:50:00 - Render Recipes
00:53:52 - Fetch Recipes
01:00:49 - Recipe Card
01:14:00 - Footer
01:24:40 - Recipe Details
01:48:53 - Deployment
  1. CodeWave
  2. reactjs
  3. recipe app
  4. react tutorial
  5. codewave
  6. akwasi asante
Рекомендации по теме
Build and Deploy 1:49:52

Build and Deploy Food Recipe App using React Js | React, Tailwind CSS, Edamam API

🔴 Build Food 1:21:59

🔴 Build Food Recipe App in React Native Reanimated | React Native Projects | Beginner | Tutorial

React Recipe Website 3:05:49

React Recipe Website - Build & Deploy A React Beginner Project

Build a Recipe 1:53:55

Build a Recipe Food App || React Native and Expo Projects | Beginner 2024

React JS: Build 0:30:26

React JS: Build A Food Recipe App | React Beginner Project

Let's Build a 0:56:56

Let's Build a Food Recipe App with React.Js - React API Project Tutorial using Axios

Food Recipe App 0:38:15

Food Recipe App Using API | Vanilla JS Project

Create A Food 1:44:57

Create A Food Recipe App Using React JS With Axios | React JS Beginner Project | Meal DB API

User login,register | 0:40:21

User login,register | User Authentication using JWT token | Food Recipe App | MERN stack | part -3

How to Make 0:32:02

How to Make a Recipe Website for Free with Dynamic Content [NOT a Blog]

HTML & CSS 2:18:08

HTML & CSS Project Tutorial - Build a Recipes Website

How To Make 0:00:37

How To Make Pumpkin halwa | Pumkin Halwa Recipe

How to make 0:18:20

How to make a Food Recipe App with Swift iOS: Ep 1- Project Set up

Build a Food 0:43:10

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

Vegetable Frankie Recipe| 0:00:15

Vegetable Frankie Recipe| How to make Veg Frankie

10. Build A 0:15:27

10. Build A Food Recipe App using HTML CSS & JavaScript || TheMealDB API || Step By Step

Build a Recipe 5:49:07

Build a Recipe App with Vanilla JavaScript

How to Write 0:21:49

How to Write Recipes Automatically for Food Blogging Website - Recipe Writing Automation

Food Recipe App 0:22:12

Food Recipe App | MERN stack | Node js,React js,MongoDB | part-2

Duck Choila , 0:00:14

Duck Choila , home made choila ,newari choila recipe

Kaju Katli Recipe 0:00:33

Kaju Katli Recipe | How to make Kaju Katli

Summer Special Crispy 0:00:58

Summer Special Crispy Instant Potato/Aloo Chips Recipe | Potato Wafers | Deepika's Kitchen

React Js| Food 0:48:59

React Js| Food Recipe App| TheMealDB API | react-router-dom|2022

How to Build 1:37:26

How to Build a Recipe App with JavaScript

Комментарии
Автор

Hi friends, Would you like a MERN Stack project of this same Food Recipe App?
If YES, leave comment and LIKE 👍 . THANK YOU

CodeWaveWithAsante
Автор

Amazing, your content is awesome..

passion in creating your content mate.!

frontendamatir
Автор

Amazing design. Thank you for sharing the code.

annabadyka
Автор

amazing🔥💥
would love to see more one!

niteshprajapat
Автор

Soo beautiful project thanks for this tutorial.. Please come with nextjs and typescript tutorials and project❤❤

abhishekcode
Автор

Thanks for this wonderful tutorial... However im stuck at the navbar part... It's not rendering... Im not seeing my navbar... I've tried all my possible best... But nothing is working... I need help.. im using vite, not npx...

matthewokadinya
Автор

Please make some more projects using React js would be grateful to you

swarnadeeproy
Автор

appriciated . make more projects . only frontend projects with tailwind css

afaqahmad
Автор

even if i apply the same code as your then also i am not able to fetch data .
Help me with this

ritika
Автор

Hi guys, I can't render the navbar, even when I apply the code that's on GitHub. Can anyone help me? I'm stuck! Thanks.

ND-nffo
Автор

is this responsive when i run it with my phone?

rockwellsinaga
Автор

I am facing issue in fetching the data and my API is not working

AyushKumar-nffx
Автор

not able to fetch data ???
what to do

ritika
Автор

At 1:00:27 I am facing error 401 instead of the printing the recipes in console
How to fix it

shefalikaushal
Автор

good work. nice music..which code in 11:40 in terminal?

rahimibadov
Автор

26:15 ... help im stuck guys! around this place.. my navbar is not rendering as it should.. what should i do...
I tried removing the routes in the app and replaced it with only layout to test the navbar if its rendering and it did.. but when i put the routes back... My navbar wasn't rendering... Help im stuck

matthewokadinya
Автор

Dont't put bgm . it's quite irritating . btw good content 👍

Zingo
Автор

The background music is pretty annoying but nice tutorial overall..

mutongakinuthia
Автор

Can you please help with the url in fetchrecipe function at 1:24:08

C__PrachiSharma
Автор

I am facing issue in fetching the data .

pallavimahanta