Our Recipe App is a user-friendly React application that allows users to input a recipe URL or paste recipe text directly. The app extracts important details such as ingredients, steps, durations, and provides helpful cooking techniques. Users can specify the quantity of the recipe they want and receive step-by-step instructions in a friendly manner.
- Input a recipe URL or paste recipe text directly.
- Extracts ingredients, steps, and durations from the provided recipe.
- Provides AI-generated cooking techniques to simplify the cooking process.
- Allows users to specify the desired quantity of the recipe.
- Presents instructions step-by-step to avoid overwhelming users.
- Node.js (version 14 or higher)
- npm (Node Package Manager)
- Clone the repository:
git clone <repository-url> - Navigate to the project directory:
cd my-react-app - Install the dependencies:
npm install
Create a .env file in the root of the project and add your OpenAI API key:
REACT_APP_OPENAI_API_KEY=your_api_key_here
To start the development server, run:
npm start
Open your browser and navigate to http://localhost:3000 to view the application.
To create a production build, run:
npm run build
- On the home page, input a recipe URL or paste the recipe text.
- Specify the quantity of the recipe you want.
- Follow the step-by-step instructions provided by the app.
A hackathon project created by Aizah, Vansh, Vishnu and Simon welcomes contributions! Please open an issue or submit a pull request for any enhancements or bug fixes.
This project is licensed under the MIT License.