The Recipe Finder App is a web application that allows users to search for recipes based on the ingredients they have on hand. The app is divided into two main parts: the client, built with React, and the backend, powered by an Express server that communicates with the Spoonacular API.
- Search for recipes based on available ingredients
- Display detailed recipe information
- User-friendly interface
- Support for various diets and dietary preferences
The application consists of two main components:
- Client: A front-end built using React/Vite that provides a responsive and intuitive interface for users to input ingredients and view recipe results.
- Server: A back-end built using Express, responsible for handling API requests to Spoonacular, processing data, and sending it to the client.
- https://spoonacular.com/food-api/docs#Search-Recipes-Complex
- https://spoonacular.com/food-api/docs#Get-Recipe-Information
To run the app locally, follow these steps:
- Node.js and npm installed on your machine
- A Spoonacular API key (you can get one here)
- navigate to server directory
- setup your .env file: API_KEY=your_api_key_here
- navigate to main directory
- npm start (Starts both server and client locally)
- project is hosted on render.com
- project link: https://kitchen-helper-app.onrender.com/
- IMPORTANT: if you click on the project link it may take up to one minute until server functionality is active due to renders' free version limits