This project is a simple static React application that allows users to generate PDF recipe cards from Gousto recipes, directly in the browser. Users can input a Gousto recipe URL, and the application will fetch the recipe details, including ingredients and cooking instructions, and generate a PDF with the recipe card. Note that the layout of this recipe card is A4 and is optimised for printing.
- Fetch recipe details including images, ingredients and cooking instructions from a Gousto recipe URL
- Prepare a single page recipe card PDF with the recipe details, optimised for printing
- Responsive design for a better user experience on different devices
- Suprise me button to generate the recipe card for a random recipe
- Node.js (v14 or higher)
- npm (v6 or higher)
-
Clone the repository:
git clone https://github.com/yourusername/gousto-recipe-card-generator.git cd gousto-recipe-card-generator
-
Install the dependencies:
npm install
To start the development server, run:
npm start
This application is hosted on GitHub Pages and can be accessed at: Gousto Recipe Card Generator