A website to see the environment data around you

Step by Step Introduction

About this Project

Let’s see the video first

When you leave home, maybe you still want to know the environment around your house, for example, the air quality data can help you know whether there is dangerous in your kitchen and so on.

What you need

• Wio Link APP (You can search Wio Link in your APP store)
• Wio Link (Find out more on http://iot.seeed.cc/ )
• Grove - Temp&Humi Sensor
• Grove - Air quality sensor v1.3
• Grove - Digital Light Sensor

Wio Link is a Wi-Fi development board to build connected IoT projects with Grove modules. Simplify your development of IoT devices without requirements of hardware programming or soldering.

If you want to know more information about Wio Link please click http://iot.seeed.cc/.

Configure your Wio Link

Before you configure the Wio Link, make sure the WiFi around you works well. If this is your first time to use Wio Link, please follow this link http://iot.seeed.cc/getting_started.html to get started.

Then configure your Wio Link as the picture below shows. And click “ UPDATE FIRMWARE ” on the upper right corner.

And then get the API of the Wio link, test the url using Postman, as the below picture shows.

Modify the example project

Please click https://github.com/Lee-Kevin/IoTWebAPP to get the copy of the example project. And clone the example code to your PC or VPS.

Edit the app.js file, and use your own Wio Link sensor url to replace the url as shown in the red box of the picture below.

Run this website

Put the device for monitoring the environment to the window or the kitchen or somewhere you want to know the sensor data.

Make sure your PC or VPS have already install node.js successfully. If you don’t, please install the node.js first.

In the command line window, execute the following command.

$ npm install

After npm install, excute the following command.

$ npm start

And then enter “localhost” in your browser’s address bar. And you can see the website as the video shows.

Make. Invent. Do.

This project is made as an Open Source Project. It's a starting point. Let your creativity go wild with the mechanical, electrical and software design. Make the demo your own. Decorate it. Improve the work. No matter what, write a recipe about it.

To share and progress together.