ynns / mhz19-react-ui

A simple web dashboard showing the current CO2 concentration in your room.

MH-Z19 CO₂ React UI

A simple web dashboard showing the current CO2 concentration in your room using the mhz19-rest backend.

---

This project is part of the blog article How I built my own CO2 monitor using a Raspberry Pi for Home Office .

Quick Start

1. Using yarn

• Clone this repository. git clone [email protected]:YNNS/mhz19-react-ui.git or git clone https://github.com/YNNS/mhz19-react-ui.git
• Install dependencies yarn install
• Start the development server yarn start
• You can now access the dashboard on http://127.0.0.1:3000/

2. Using npm

• Clone this repository. git clone [email protected]:YNNS/mhz19-react-ui.git or git clone https://github.com/YNNS/mhz19-react-ui.git
• Install dependencies npm install
• Start the development server npm start
• You can now access the dashboard on http://127.0.0.1:3000/

Building the project

Run yarn build or npm run build to build the project.

The release files are located in the build/ folder

Backend

Check out the corresponding backend here

👍 Contribute

If you want to say thank you

1. Add a GitHub Star to the project.
2. Tweet about the project on your Twitter .
3. Add some claps to the story of this project on Medium