https://github.com/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.
https://github.com/mdazlaanzubair/whisked
api application project react-projects reactjs tailwind-css webapp website
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/mdazlaanzubair/whisked
- Owner: mdazlaanzubair
- Created: 2023-02-04T11:14:59.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-02-08T16:59:55.000Z (over 3 years ago)
- Last Synced: 2025-02-27T03:49:22.075Z (over 1 year ago)
- Topics: api, application, project, react-projects, reactjs, tailwind-css, webapp, website
- Language: JavaScript
- Homepage: https://whisked.netlify.app/
- Size: 1.24 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# 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](https://developer.edamam.com/edamam-recipe-api))
### 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 `` in `.env` with your `Edamam API` ID.
- [ ] Replace `` in `.env` with your `Edamam API` key.
- [ ] Start the development server: npm start
- [ ] Open [`http://127.0.0.1:5173`](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.