Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mbchoa/recipeek
🍽️ Recipe search app
https://github.com/mbchoa/recipeek
docker lambda netlify react recipe-app redis redux typescript webpack
Last synced: about 6 hours ago
JSON representation
🍽️ Recipe search app
- Host: GitHub
- URL: https://github.com/mbchoa/recipeek
- Owner: mbchoa
- License: mit
- Created: 2016-05-31T18:06:50.000Z (over 8 years ago)
- Default Branch: main
- Last Pushed: 2023-01-06T13:48:53.000Z (over 1 year ago)
- Last Synced: 2024-04-12T09:22:23.951Z (6 months ago)
- Topics: docker, lambda, netlify, react, recipe-app, redis, redux, typescript, webpack
- Language: TypeScript
- Homepage: https://recipeek.app
- Size: 9.79 MB
- Stars: 21
- Watchers: 4
- Forks: 0
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🍽️ recipeek [](https://app.netlify.com/sites/recipeeek/deploys)
Simple recipe discovery app using [Edamam Recipe Search API](https://developer.edamam.com/).
## Overview
This is a React application scaffolded from a create-react-app template. It displays a single input field to query recipes based on ingredients provided by the user. Under the hood, the client application communicates with a Netlify Lambda function which handles the API request to the 3rd party Edamam recipe search endpoint.
## Requirements
### Netlify
You will need to have the `netlify-cli` installed in order to run the `ntl dev` command below. You'll need to install the CLI globally
```bash
npm install -g netlify-cli
```
### Edamam API Keys
You will also need to obtain your own set of API `app_id` and `app_key` from the Edamam developer portal. You can place them in a `.env` file at the root folder like so:
```
REACT_APP_RECIPEEK_APP_ID=yourappid
REACT_APP_RECIPEEK_APP_KEY=yourappkey
```
### Redis
The Netlify Lambda function connects to a remote Redis server living on a Digital Ocean droplet as a container. To run locally, you can spin up a Redis container from the [Dockerfile](docker/redis/Dockerfile) provided. You will need to include the following environment variables in an `.env` file in order for the Node Redis client to connect:
```
REACT_APP_REDIS_HOST=localhost
REACT_APP_REDIS_PORT=6379 (or whichever port you map on your host)
REACT_APP_REDIS_PASSWORD=somepassword (this is defined in the redis.conf file)
```
## Development
1. ``yarn install``
2. ``ntl dev`` to startup local Netlify [development server](https://github.com/netlify/cli/blob/master/docs/netlify-dev.md)
3. Navigate to http://localhost:8888
## Roadmap
Future project feature updates and fixes can be found on the Trello Kanban [board](https://trello.com/b/YtfNLGC4/recipeek).