https://github.com/xtrinch/sensor-dashboard-react-frontend

Frontend repo for a grafana-like environmental sensor dashboard.
https://github.com/xtrinch/sensor-dashboard-react-frontend

frontend react sensor-dashboard

Last synced: 2 months ago
JSON representation

Frontend repo for a grafana-like environmental sensor dashboard.

• Host: GitHub
• URL: https://github.com/xtrinch/sensor-dashboard-react-frontend
• Owner: xtrinch
• Created: 2020-08-02T09:23:01.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-27T11:19:50.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T13:42:11.057Z (3 months ago)
• Topics: frontend, react, sensor-dashboard
• Language: TypeScript
• Homepage: https://iotfreezer.com
• Size: 3.31 MB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Sensor dashboard - react frontend

This is the frontend repo for the environmetal sensor dashboard.

See also [backend](https://github.com/xtrinch/sensor-dashboard-nestjs-backend) and [sensor board code](https://github.com/xtrinch/sensor-dashboard-ESP32-BME680-reader), or [see it live](http://iotfreezer.com) with some sensor data from my living room.

## Technology stack:

- React

- React context for state management

- Eslint for linting

- ReCharts for chart display

## Setup

Copy `.env.example` over to `env.local` and/or customize environment variables.

Run with `yarn start`.

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.


You will also see any lint errors in the console.

### `yarn build`

Builds the app for production to the `build` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.


### `yarn format`

Runs `eslint` and `prettier` and writes what they could fix to filesystem.

## Production setup

```bash

$ cp .env.example .env

$ docker-compose up -d

```

Will spin up a nginx container and copy the files into it. You should be able to access the frontend at the specified port.