Skip to content

Cook.io 🥡 is a mobile-centric 📱 fully responsive recipe app 🍛 that leverages 🌯 the Edamam API to provide users 🧑🏻‍💻 with a vast array of recipes🍜. Built using only HTML🍧, CSS🍨, and JavaScript🧋, it offers a seamless 🍱 and intuitive interface 🍲 to explore culinary delights🥟on the go.

Notifications You must be signed in to change notification settings

Prakhar-002/Cook.io-The-Recipe-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cook.io – Your Recipe Companion 🥤🥗🍟

Welcome to Cook.io, your go-to recipe app for discovering and exploring a wide variety of delicious dishes! This app utilizes the Edamam API to fetch a vast collection of recipes and is designed with a mobile-first approach while being fully responsive for big screens.



Screenshots 🏝️🍹

image

💻 Tech Stack 🍧🥞🧋

HTML5   CSS3   JavaScript


Features ✨

  • 🔍 Search Recipes ➤ Instantly search for recipes by ingredients, dish names, or dietary preferences.
  • 📖 Detailed Recipe Information ➤ Get step-by-step instructions, ingredient lists, and nutritional data for each recipe.
  • 🥗 Health-Conscious ➤ Filter recipes based on dietary restrictions like vegan, gluten-free, or low-carb.
  • 📱 Mobile-Centric Design ➤ Optimized for mobile devices, offering a seamless browsing experience on the go.
  • 🖥️ Big Screen Support ➤ Fully responsive for large screens, ensuring a smooth user experience across all devices.

Deployment 🚀

  1. Clone the repository, run this command on your git bash

    For window 🍥

          git clone https://github.com/Prakhar-002/Cook.io-The-Recipe-App.git

    For Linux and macOS 🍙

      sudo git clone https://github.com/Prakhar-002/Cook.io-The-Recipe-App.git
  2. To use you will need an API key.

    • Sign up for an API key and ID at Edamam API

    • Go to api.js and set APP_ID = "your api"


About

Cook.io 🥡 is a mobile-centric 📱 fully responsive recipe app 🍛 that leverages 🌯 the Edamam API to provide users 🧑🏻‍💻 with a vast array of recipes🍜. Built using only HTML🍧, CSS🍨, and JavaScript🧋, it offers a seamless 🍱 and intuitive interface 🍲 to explore culinary delights🥟on the go.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published