https://github.com/kadirkarabacak/forkify-app

Forkify-App [ Food Recipe Application ]
https://github.com/kadirkarabacak/forkify-app

Last synced: about 2 months ago
JSON representation

Forkify-App [ Food Recipe Application ]

• Host: GitHub
• URL: https://github.com/kadirkarabacak/forkify-app
• Owner: KadirKarabacak
• Created: 2023-10-26T18:00:41.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-11-29T20:14:51.000Z (about 1 year ago)
• Last Synced: 2023-11-30T14:44:35.129Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://forkify-app-kadir.netlify.app/
• Size: 4.48 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Forkify-App

## In this application i create a food-recipe project with forkify API.

### What you can do with this application ❔

* You can search for a **recipe**.

* You can change the **servings** of the recipe you choose to suit your needs.

* You can add a **bookmark** to the recipes you like.

* You can access a site with directions for the food you choose from the '**Directions**' button.

* You can access more recipes from the **pagination section** below the food results.

* And of course you can **add your own** recipes and access them later.

### 🔍 Here are some sample search keys to use the application :

#### 🍕 Pizza - 🍜 Soup - 🥑 Avocado - 🍝 Pasta - Dip - 🍔 Burgers - 🍞 Bread - 🍳 Cooking - And so on and so forth.

![Forkify-App](src/img/Forkify-Search.png)




### 👩‍🍳 Click on a recipe and get access to all ingredients, cooking time, number of servings and more.




![Forkify-App](src/img/Forkify-Recipe-Opened.png)

![Forkify-App](src/img/Forkify-Recipe-Ingredients.png)

## 🔴 Live version of project :

 
Forkify-App


### 🛠 Technologies I used when creating the application :

    ![PARCEL](https://img.shields.io/badge/-PARCEL-orange?style=flat&logo=parcel")  ![MVC](https://img.shields.io/badge/-MVC-white)

### Which features i do ❓

* I used the MVC model so that the code could be better understood, refactoring easily, and new features could be added much more easily.

* I used ***AJAX calls*** to interact with the API to get recipes and add recipe.

* I divided all my view files to code different parts of the page separately. 

* I also created a common view file for my view files, which have similar codes.

* I used the ***Subscriber - Publisher*** model to avoid breaking the MVC model structure.

* For a more organized structure, I used the Class structure in my view files.

* For a more organized structure, I used the SASS instead of CSS3.

* I created a reusable update method which updating only changed elements instead of whole section for better performance.

* I used Async - Await method to fetch AJAX calls instead of then methods for more modern structure

### 💻 For the installation of the project :

#### Dependencies :

* "fracty": "^1.0.0"

## 📞 İletişim

 

 

     İletişime Geçin 

   


   

   
KADIR KARABACAK 

   

     


     Projenin Linki: Forkify-App

     


     


     LinkedIn:  LinkedIn Hesabım

     


     Instagram:  Instagram Hesabım

     


     Mail Adresim:  [email protected]