Skip to content

jakester101/ChatBite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

117 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ChatBite

Site Screenshot 1 Site Screenshot 1

Description

ChatBite is a web application that helps users create new recipes based on the ingredients they have on hand, and manage their favorite recipes in a user-friendly interface. This application aims to simplify the process of finding and creating new recipes, reducing food waste and inspiring users to try new dishes.

Table of Contents

Features

  1. Recipe Generation: Users can input a list of ingredients they have on hand, and the application will generate a new recipe based on these ingredients. This helps users come up with creative ideas for meals without needing to purchase additional ingredients.

  2. Recipe Management: Users can save their favorite recipes, either generated by the application or manually entered, in a personal recipe collection. This collection can be easily searched, sorted, and accessed for future use.

  3. Search Functionality: Users can search for recipes in their collection using keywords, such as ingredients or dish names.

  4. Interactive Recipe Cards: The application displays recipes in an interactive card format, featuring images, ingredients, instructions, and nutritional information. Users can easily save recipes to their collection with a single click.

  5. Error Handling: The application provides user-friendly error messages when issues occur, such as a failure to generate a recipe or save a recipe to the collection.

Technologies Used

  • Generative AI: OpenAI Chat Completion gpt-3.5-turbo, DALL·E
  • Frontend: React, Apollo Client, Tailwind CSS
  • Backend: Node.js, Express, GraphQL, Apollo Server
  • Database: MongoDB

Getting Started

Visit our deployed app!

For local:

  1. Clone this repository to your local machine.
  2. Install the required dependencies by running npm install in the root folder of the project.
  3. Start the development server by running npm start. This will launch the application in your default web browser.
  4. To use the application, simply enter a list of ingredients in the search bar and click "Make New Recipe". The generated recipe will be displayed in an interactive card format.
  5. To save a recipe to your collection, click the "Save Recipe" button on the recipe card.
  6. To view your saved recipes, navigate to the "Previous Recipes" section.

Contributing

Feel free to submit issues or pull requests if you have suggestions for improvements or bug fixes. We welcome all contributions!

License

This project is licensed under the MIT License.

Developers

https://github.com/Andres-Zetina
https://github.com/jakester101
https://github.com/gengamask
https://github.com/Kevin-Wenner
https://github.com/alexnorrell

About

AI-powered web app for generating and sharing cooking recipes

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors