This website is very useful for food lovers, because here we can see the latest recipe, we can see any random recipes, we can search any recipe.
In the landing page, three individual divisions are there;
 1st one is the short description of the site;
 2nd one contains 3 buttons to go to individual pages to search or see the recipes; &amp;
 3rd one is for contact details.
In the navbar, there're three buttons, which may help the user to visit those sections.
I created this website for one of my regular assignments.
I used <a target="_blank" href="https://www.themealdb.com/api.php?ref=apilist.fun">TheMealDB</a> API to search recipes.
I used <a target="_blank" href="https://getbootstrap.com/">Bootstrap 5.1</a> to beautify my site.
This site made by HTML, CSS &amp; JavaScript languages.
I inspired by MasaiSchool &amp; CodeWithHarry to create this website.
This Site have 4 pages (including landing page):
<ol>

 <li>Landing Page / Home Page:</li>

 <img src="https://user-images.githubusercontent.com/83694840/130361800-c7fb8fa5-533b-40d4-a2ca-610cd153908f.png" alt="image" />

<li>Search Recipe Page:</li>

 <img src="https://user-images.githubusercontent.com/83694840/130361827-b3a69277-0b02-4e5a-8669-a45c90ff3696.png" alt="image" />

 <img src="https://user-images.githubusercontent.com/83694840/130361843-64babcb8-8e87-4f4e-8af2-830ccfe0fb16.png" alt="image" />

 <img src="https://user-images.githubusercontent.com/83694840/130361847-d9064df1-9717-45eb-a451-185d33b05271.png" alt="image" />

 <img src="https://user-images.githubusercontent.com/83694840/130361855-3e65ce8e-bccf-4e59-82ee-e8b3ab8fc16b.png" alt="image" />

 <img src="https://user-images.githubusercontent.com/83694840/130361863-c7e45cdd-57ac-46a5-aefc-797277d3e845.png" alt="image" />

 <img src="https://user-images.githubusercontent.com/83694840/130361867-cf6f8599-0762-42f5-973b-381e5dd69f18.png" alt="image" />

 <img src="https://user-images.githubusercontent.com/83694840/130361874-03536c28-b9b2-4618-b802-9bafe26ec8c5.png" alt="image" />

 <img src="https://user-images.githubusercontent.com/83694840/130361888-d2682758-961d-4230-8e5f-8de0e1582681.png" alt="image" />

<li>Recipe Of The Day Page:</li>

 <img src="https://user-images.githubusercontent.com/83694840/130361917-0e238cc5-4399-477b-a001-2a7b9d385623.png" alt="image" />

 <li>Latest Reciepe Page:</li>

 <img src="https://user-images.githubusercontent.com/83694840/130361904-941fffe3-aa8a-4652-b9d1-944c53d32a6f.png" alt="image" />

</ol>

 Video: 
<a href="https://github.com/chandra-akash/Food_Reciepe-App/blob/master/Proofs/FoodApp.mp4" class="autolinkedURL autolinkedURL-url" target="_blank">github.com/chandra-akash/Food_Reciepe-App/b..</a>
 Note:
This website is fully responsive,
But to enjoy its all features, please run it only with Live Server.
GitHub Link: <a href="https://github.com/chandra-akash/Food_Reciepe-App.git" class="autolinkedURL autolinkedURL-url" target="_blank">github.com/chandra-akash/Food_Reciepe-App.git</a>

This website is very useful for food lovers, because here we can see the latest recipe, we can see any random recipes, we can search any recipe.

In the landing page, three individual divisions are there;
 1st one is the short description of the site;
 2nd one contains 3 buttons to go to individual pages to search or see the recipes; &
 3rd one is for contact details.
In the navbar, there're three buttons, which may help the user to visit those sections.

I created this website for one of my regular assignments.
I used [TheMealDB](https://www.themealdb.com/api.php?ref=apilist.fun) API to search recipes.
I used [Bootstrap 5.1](https://getbootstrap.com/) to beautify my site.
This site made by HTML, CSS & JavaScript languages.

I inspired by MasaiSchool & CodeWithHarry to create this website.

*This Site have 4 pages (including landing page):*

<ol>
 
 <li>Landing Page / **Home Page:**</li>

 ![image](https://user-images.githubusercontent.com/83694840/130361800-c7fb8fa5-533b-40d4-a2ca-610cd153908f.png)
 
<li>**Search Recipe Page:**</li>
 
 ![image](https://user-images.githubusercontent.com/83694840/130361827-b3a69277-0b02-4e5a-8669-a45c90ff3696.png)

 ![image](https://user-images.githubusercontent.com/83694840/130361843-64babcb8-8e87-4f4e-8af2-830ccfe0fb16.png)

 ![image](https://user-images.githubusercontent.com/83694840/130361847-d9064df1-9717-45eb-a451-185d33b05271.png)

 ![image](https://user-images.githubusercontent.com/83694840/130361855-3e65ce8e-bccf-4e59-82ee-e8b3ab8fc16b.png)

 ![image](https://user-images.githubusercontent.com/83694840/130361863-c7e45cdd-57ac-46a5-aefc-797277d3e845.png)

 ![image](https://user-images.githubusercontent.com/83694840/130361867-cf6f8599-0762-42f5-973b-381e5dd69f18.png)

 ![image](https://user-images.githubusercontent.com/83694840/130361874-03536c28-b9b2-4618-b802-9bafe26ec8c5.png)

 ![image](https://user-images.githubusercontent.com/83694840/130361888-d2682758-961d-4230-8e5f-8de0e1582681.png)

<li>**Recipe Of The Day Page:**</li>
 
 ![image](https://user-images.githubusercontent.com/83694840/130361917-0e238cc5-4399-477b-a001-2a7b9d385623.png)

 <li>**Latest Reciepe Page:**</li>
 
 ![image](https://user-images.githubusercontent.com/83694840/130361904-941fffe3-aa8a-4652-b9d1-944c53d32a6f.png)

</ol>

 Video: 

https://github.com/chandra-akash/Food_Reciepe-App/blob/master/Proofs/FoodApp.mp4

 *Note:*
This website is fully responsive,
But to enjoy its all features, please run it only with Live Server.

*GitHub Link:* https://github.com/chandra-akash/Food_Reciepe-App.git

Tech Blogs

Tech Blogs

Food_Reciepe-App

A website where we can search for any recipe and find its details