https://github.com/prakhar-002/cook.io-the-recipe-app
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.
https://github.com/prakhar-002/cook.io-the-recipe-app
api api-server apis css database food hopscotch html html-css-javascript javascript postman recipe-app recipes recipes-website responsive-web-design
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/prakhar-002/cook.io-the-recipe-app
- Owner: Prakhar-002
- Created: 2024-09-30T17:54:46.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-11-23T11:07:18.000Z (7 months ago)
- Last Synced: 2025-01-24T08:31:01.183Z (5 months ago)
- Topics: api, api-server, apis, css, database, food, hopscotch, html, html-css-javascript, javascript, postman, recipe-app, recipes, recipes-website, responsive-web-design
- Language: HTML
- Homepage: https://cook-io-recipes.netlify.app/
- Size: 323 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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 🏝️🍹
# 💻 Tech Stack 🍧🥞🧋
  
# 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 🍥`
```bash
git clone https://github.com/Prakhar-002/Cook.io-The-Recipe-App.git
```
`For Linux and macOS 🍙`
```bash
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 Me
Meet `Prakhar Katiyar` 🙋🏻♂️ , An avid learner with a passion for mastering the `MERN (MongoDB, Express.js, React.js, Node.js)` stack 🎯 and diving deep into `Data Structures and Algorithms (DSA)` 🧑🏻💻
## Picture Library 📷📖
