This repository contains the code for a web application that allows users to generate recipes based on the ingredients they want. The application uses Vite.js as the development environment and React.js as the framework for the graphical interface. Tailwind CSS is used as the styling framework, and React Router DOM for navigation management.
On the backend, Node.js and Express.js are used to create a web server, MongoDB to store the application's data and OpenAI for image generation. In addition, Cohere.ai is used for recipe generation.
The design of the application was created in Figma, the link to the design can be found here.
To install and run this application on your local environment, follow these steps:
- Clone this repository to your local machine:
git clone https://github.com/yasielhp/cookmate - Navigate to the project folder and install the required dependencies:
cd cookmatenpm install - Start the application:
npm run dev
The application will run at http://localhost:5173/ in your browser.
- Enter your name.
- Type or scan the ingredients you want to use to generate the recipe.
- Select the number of people for the recipe.
- Select if you want to generate the image of the recipe as well.
- Press the "Generate" button.
The application will generate a recipe and a corresponding recipe image.
If you want to contribute to this project, follow these guidelines:
- Fork the repository.
- Create your feature branch (git checkout -b feature/feature-name).
- Commit your changes (git commit -am 'Description of changes').
- Push to the branch (git push origin feature/feature-name).
- Create a pull request.
This project is licensed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International.