mdazlaanzubair / whisked

Whisked is a modern recipe app built with React, Tailwind CSS, and the Edamam API. Browse thousands of recipes, get personalized recommendations, and follow step-by-step instructions to cook amazing meals with ease. Features include a grocery list, meal planner, and a community to share your favorite dishes.

Whisked

A Recipe App Built with React, Tailwind CSS, and Edamam API

Welcome to Whisked, a modern recipe app that helps you find and cook amazing meals. Built with React, Tailwind CSS, and the Edamam API, this app offers a seamless and intuitive cooking experience for home cooks of all levels.

With Whisked, you can browse thousands of recipes, get personalized recommendations based on your tastes, and follow step-by-step instructions to cook delicious meals with confidence. Plus, our grocery list and meal planner features make meal planning and shopping a breeze.

This repository contains the source code for the Whisked app, and is open-source, so you can use it as a starting point for your own projects or contribute to its development.

Tech Stack

• React JS: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
• Edamam API: A food and nutrition database that provides recipe search and nutrition analysis capabilities.

Features

• Browse thousands of recipes
• Get personalized recipe recommendations
• Follow step-by-step instructions for each recipe
• Keep track of ingredients with our grocery list feature
• Plan out your meals for the week with our meal planner
• Connect with fellow home cooks and share your favorite recipes

Getting Started

To get started with the Whisked app, simply follow the setup instructions below. If you want to contribute to the project, feel free to open issues and submit a pull request.

Prerequisites

• Node.js installed on your machine
• A Edamam API key (you can get one here)

Installation

To get started with the Whisked app, simply follow these steps:

• Clone the repository: git clone https://github.com/mdazlaanzubair/Whisked.git
• Navigate to the project directory: cd Whisked
• Install the dependencies: npm install
• Create a copy of the .env.example file and name it .env.
• Replace <YOUR-API-ID-HERE> in .env with your Edamam API ID.
• Replace <YOUR-API-KEY-HERE> in .env with your Edamam API key.
• Start the development server: npm start
• Open http://127.0.0.1:5173 in your browser to view the app.

License

This project is licensed under the MIT License. Feel free to use and modify the code as needed for your own projects.