All Posts
Loopstring Projects
Tutorials

Raspberry Pi IoT Dashboard: From Sensor to Screen in 30 Minutes

By LoopString Team

You have a Raspberry Pi. You have a sensor. You want to see live data on a dashboard from anywhere in the world. Here is how to make that happen in 30 minutes.

This tutorial walks through connecting a BME280 temperature, humidity, and pressure sensor to a Raspberry Pi, wiring it to a cloud dashboard using LoopString, and having live data streaming to your browser — all without writing a single line of code.

What You Will Build

By the end of this tutorial, you will have:

  • A BME280 sensor connected to your Raspberry Pi via I2C
  • A Node-RED flow that reads the sensor every 10 seconds
  • A cloud dashboard showing live temperature, humidity, and barometric pressure
  • Sparkline trend charts for each measurement
  • Optional alarm thresholds that notify you when readings go out of range

What You Need

Hardware:

  • Raspberry Pi 3B+, 4, or 5
  • BME280 sensor breakout board (available for under $5)
  • 4 jumper wires (female-to-female)
  • MicroSD card (16GB+) with LoopString OS flashed
  • Power supply for your Pi

Software:

Total cost: under $50 if you already have a Pi.

Step 1: Wire the BME280 Sensor (5 minutes)

The BME280 communicates over I2C, which only needs four wires:

  • VIN to Pi 3.3V (pin 1)
  • GND to Pi GND (pin 6)
  • SDA to Pi GPIO 2 / SDA (pin 3)
  • SCL to Pi GPIO 3 / SCL (pin 5)

Double-check your connections. The BME280 is a 3.3V sensor, so connecting to 5V can damage it.

Verify the Connection

SSH into your Pi and run:

You should see address 0x76 or 0x77 in the grid. If you see nothing, check your wiring and make sure I2C is enabled (sudo raspi-config > Interface Options > I2C > Enable).

Step 2: Create Your LoopString Account (2 minutes)

  1. Go to loopstring.io and click Get Started
  2. Sign up with email or Google
  3. You are now on the free tier: 1 device, 8 sensor slots — more than enough for this project

Step 3: Add Your Raspberry Pi (3 minutes)

  1. Click + Add Device in the dashboard
  2. Name it something descriptive (e.g., "Office Pi")
  3. Copy the 6-character claim token
  4. On your Pi, enter the token in the LoopString setup wizard
  5. Your Pi appears in the dashboard within seconds

If your Pi is running LoopString OS, the setup wizard runs automatically on first boot. If you need to flash the OS, see our Pi Setup Guide.

Step 4: Configure the Sensor in the Configurator (5 minutes)

The Configurator is LoopString's visual editor for building automation flows.

  1. Open Configurator from the sidebar
  2. Select your Pi from the device dropdown
  3. Click Add Room and name it (e.g., "Office")
  4. Click Add Part inside the room
  5. Search for BME280 in the parts library
  6. Select it — LoopString auto-detects the I2C address

The BME280 is a multi-measurement sensor, so adding it gives you three signals automatically:

  • Temperature
  • Relative humidity
  • Barometric pressure

The default polling interval is 10 seconds, which works well for environmental monitoring. You can adjust this later.

Step 5: Deploy to Your Pi (1 minute)

Click the Deploy button in the Configurator. Here is what happens behind the scenes:

  1. LoopString generates a Node-RED flow from your configuration
  2. The flow JSON is sent to your Pi via Firebase Realtime Database
  3. Node-RED on the Pi loads and starts the flow
  4. The deploy status updates live in your browser

Deployment takes about 5 seconds. You will see the status change from "Deploying" to "Active".

Step 6: Watch Your Dashboard Come Alive (0 minutes)

Switch to the Dashboard tab. Within 10 seconds (one polling interval), you will see:

  • Temperature card showing the current reading with a sparkline trend
  • Humidity card with percentage and trend
  • Pressure card with barometric reading and trend

All three update in real time. Open the dashboard on your phone and your laptop — both show the same live data.

Going Further

Set Up Alarm Thresholds

Click any sensor card to configure alerts:

  • Warning at 28C — yellow border, in-app notification
  • Critical at 35C — red border, email notification
  • Hysteresis of 2 degrees — prevents alert flapping when temperature hovers near the threshold

Add Unit Conversion

Prefer Fahrenheit? Go to Account Settings > Units and select your preferred temperature unit. The dashboard, analytics, and alarm thresholds all convert automatically.

View Historical Data

Open the Analytics section to see your sensor history plotted over time. You can overlay all three BME280 signals on a single chart, zoom into specific time ranges, and track trends over hours or days.

Add More Sensors

The free tier gives you 8 sensor slots. The BME280 uses 3 (temperature, humidity, pressure), leaving 5 more. Some ideas:

  • DS18B20 waterproof temperature probe for a different location
  • MH-Z19 CO2 sensor for air quality monitoring
  • CPU temperature as a system health signal (no extra hardware needed)

Add Actuator Control

Connect a relay to control a fan, heater, or light:

  1. Wire a relay module to a GPIO pin
  2. Add a GPIO Relay part in the Configurator
  3. Deploy
  4. Toggle the relay from your dashboard — from anywhere

What Just Happened?

In 30 minutes, you built a complete IoT monitoring system:

  • Edge computing — Node-RED on the Pi handles sensor reading locally
  • Cloud sync — Firebase Realtime Database streams data to the web
  • Live dashboard — React-based UI with real-time subscriptions
  • No code — The Configurator generated everything

This is the same architecture used for industrial monitoring, automated grow rooms, and smart home projects. The only difference is scale.

Ready to Build More?

Create your free LoopString account and start building. The free tier includes 1 device, 8 sensor slots, and full access to the Configurator. No credit card required.

When you need more devices or sensor slots, upgrade to Starter ($7/mo) for 2 devices and 16 slots, or explore our full pricing options.

raspberry-piiottutorialbme280node-reddashboard
All Posts