Repository files navigation

The idea behindMealWish is to provide a tool to manage your meal wishes and your meals.Each member can choose from a list of what he or she would like to eat for the next few weeks.The chef or the household can then decide which dishes he or she will cook in thefollowing days. Users can see the plan in the overview, and members who are responsible forshopping can also plan what they have to buy.

MealWish is a REACT application wrapped in a web component that seamlessly integrates withHomeAssistant and gets updates like the current user. The database (backend) needs to beinstalled separately. You can also install the backend as a HomeAssistant add-on.

You need to clone the repository and install the dependencies:

git clone https://github.com/0x7878/MealWish.git

Change the api URL in frontend/src/config.tsx.

Now you can build the frontend and the backend:

cd MealWish/frontendnpm installnpm run buildcd ../backendnpm installnpm run build

The easiest way to install MealWish is to use the HomeAssistant add-on. You install theadd-on by adding the following files in your HomeAssistant installation:

Folder structure in HomeAssistant:

/  /addon_configs    /local_mealwish-api      /uploads      /db.json  /addons    /meal-wish-api      /config.yaml      /Dockerfile      /package.json      /package-lock.json      /src        /index.js

The content of theconfig.yaml file:

name:"MealWishAPI"description:"API for the MealWish Webcomponent"version:"1.0.0"slug:"mealwish-api"init:falsearch:  -aarch64  -amd64  -armhf  -armv7  -i386startup:servicesmap:  -addon_config:rwports:3000/tcp:3000

The content of theDockerfile file:

ARG BUILD_FROMFROM $BUILD_FROMRUN apk add --no-cache nodejs npmWORKDIR /usr/src/appCOPY package*.json ./RUN npm install --productionCOPY . .EXPOSE 3000CMD ["node","src/server.js"]

Please upload the db.json, package.json, package-lock.json, and src/index.js files accordingly.

Restart HomeAssistant and install the add-on from the Supervisor panel.

For more Infos see step2 in theInstallation Guide.

copy the main[RANDOM].js file from the frontend/build/static/js folder to your HomeAssistant /config/www folder.

In your HomeAssistant configuration.yaml file add the following lines:

panel_custom:  -name:meal-wishsidebar_title:Meal Wishsidebar_icon:mdi:silverware-varianturl_path:mealwishmodule_url:/local/main.f50a203d.js

Restart HomeAssistant and you should see the MealWish web component in the sidebar.