Welcome to the Recipe Search App - a simple yet powerful tool to help you find delicious recipes and identify potential allergens. Whether you're a food lover or have dietary restrictions, our app aims to assist you in discovering new dishes while being mindful of ingredients that might not agree with you.
This app is built using React for the frontend and Flask for the backend, with a CSV database that includes a variety of recipes and associated allergen information.
To get the app up and running on your local machine, follow these steps after cloning the repository:
Make sure you have the following installed before you proceed:
- Node.js and npm (https://nodejs.org/)
- Python (https://www.python.org/)
-
Clone the repository
git clone https://your-repository-url.git cd your-repository-name -
Set up the Frontend
Navigate back to the root directory and install the necessary npm packages:
cd recipe-search-app # Adjust this path to where your frontend code is located npm install
-
Set up the Backend
Navigate to the backend directory where
server.pyis located and create a virtual environment (optional but recommended):python -m venv venv source venv/bin/activate # On Windows use `venv\Scripts\activate`
Install the required Python packages:
pip install -r requirements.txt
-
Start the Application
With the setup complete, you can now run the app:
npm start
This command will concurrently launch the Flask server and the React frontend.
Simply enter a keyword into the search bar and press the 'Search' button to find recipes. The app will display a list of recipes along with the potential allergens and the percentage of recipes containing those allergens.
- Hat tip to anyone whose code was used
- Inspiration
- etc.