https://github.com/facultymatt/gmg-webapp

Web app that works with gmg-js and visualizes grill cooks, provides control UI (coming soon) and more. Server component here: https://github.com/facultymatt/gmg-js
https://github.com/facultymatt/gmg-webapp

cooking gmg green-mountain-grill grilling react-vis

Last synced: about 1 month ago
JSON representation

Web app that works with gmg-js and visualizes grill cooks, provides control UI (coming soon) and more. Server component here: https://github.com/facultymatt/gmg-js

• Host: GitHub
• URL: https://github.com/facultymatt/gmg-webapp
• Owner: facultymatt
• Created: 2020-05-02T16:50:03.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-12-09T18:57:23.000Z (about 4 years ago)
• Last Synced: 2024-10-28T14:06:40.557Z (3 months ago)
• Topics: cooking, gmg, green-mountain-grill, grilling, react-vis
• Language: JavaScript
• Homepage:
• Size: 782 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Graph generating using this project](./readme_images/brisket_cook_2.png)

## Dev Setup

- Install node 12

- Setup and run the `gmg-js` project https://github.com/facultymatt/gmg-js

- Install this project deps `npm i`

- Configure `.env`

- start `npm start`

- visit `http://localhost:3001/` and see a graph! If you configured it correctly a line graph should appear. If not, check `.env` and try again.

## Adjusting chart

See src/RecentGrillStatusGraph/RecentGrillStatusGraph.jsx and you can add / remove metrics to the graph. The metric name should match the value in database. 

On line 43 you can set the chart yDomain, which is currently 220 `const yDomain = [0, 220];`. Set `const yDomain = [0, 500];` for example if you are running the grill hot and want to see the grill temp on the chart.

## Adjusting data

See src/contexts/GrillStatusContext.jsx. The most common adjustments will be limit and skip and whether to record live changes. This can also be set in the `.env` file.

## Running on Raspberry Pi

There is a simple script to facilitate dev / testing on raspberry pi. On each startup / reboot the following steps are prefermed. This makes it easy to run the latest by just power cycling the Pi.

1. pull latest source code from current branch (stay on master)

2. run `yarn` to get latest dependencies 

3. run `yarn start` to start in dev mode. (Eventually there will a way to run a built or dist version.)

### How to setup

- `sudo vi /etc/systemd/system/frontend.service` 

- paste in contents from `frontend.service`

- `sudo systemctl daemon-reload`

- test starting with `sudo systemctl start frontend.service`

- test stopping with `sudo systemctl stop frontend.service`

- enable at startup `sudo systemctl enable frontend.service`

- test it out with a reboot `sudo reboot`