Budget Recipe is a web application that allows users to discover new recipes based on their budget. Users can filter recipes by price per serving and view detailed information about each recipe.
👉 here
- Fetches random recipes from the Spoonacular API.
- Filters recipes by price per serving.
- Displays detailed information for each recipe, including ingredients and instructions.
- Offers the option to load more recipes.
- Full responsive
- Uses React, React Router, Axios and TailwindCSS.
-
Clone the repository:
git clone https://github.com/yourusername/budget-recipe-finder.git
-
Navigate to the project folder and install the dependencies:
npm install
-
Create a .env file in the root folder of the project and add your Spoonacular API key:
VITE_API_KEY=your_spoonacular_api_key_here
-
Start the development server:
npm run dev
-
The application will be accessible at http://localhost:5173.