Network Clock and Weather Display - Wio Terminal (D51R) - dumpling—li - CodeCraft Hub
Scene: Smart Home. Edge AI application on CodeCraft Hub for Smart Home use cases.
Devices / BOM: Wio Terminal (D51R)
Smart Home application on CodeCraft Hub. This project uses a Wio Terminal to create a network clock and weather display. After connecting to Wi-Fi, the device shows the current time, date, weekday, temperature, and weather icon. When the network is unavailable, the local clock continues to display the time.
Documentation
This project is a smart desktop clock that provides more information than a regular clock. In addition to showing the current time, it connects to the internet to obtain weather information, allowing users to view the time, date, and weather on one screen.
After the device starts, the screen shows a large retro-style digital clock. The lower part of the screen displays the date, weekday, temperature, and a weather icon. The icon can represent sunny, cloudy, rainy, stormy, snowy, or foggy conditions. When the device is connected to the network, it automatically synchronizes the time and updates the weather. If the network is temporarily unavailable, the clock continues running locally.
Users only need to connect the Wio Terminal with a USB cable, upload the program, and power on the device. The screen will then show the project results directly. The time and icons change as the clock runs, and the temperature and weather status update when new weather data is received.
This project is suitable for:
Upper elementary, middle school, and high school maker classes
Arduino introduction and Internet of Things courses
Technology clubs, maker spaces, and project-based learning
Electronic clock and weather station activities
Science and technology competitions
Family programming and hands-on learning
In teaching, this project can be used to explain time, dates, weather, network connections, and information display. Students can first understand how a device obtains and displays information, then use CodeCraft to generate and modify the program, and finally present the working hardware.
Deploy steps
- Preparation
Seeed Wio Terminal
USB cable
Wi-Fi account and password
Google Chrome, Microsoft Edge, or 360 Browser
CodeCraft (Click CodeCraft to get started)
OpenWeatherMap API key
weather_clock_generic.ino
- How to Use
Step 1: Upload File + Send Info
Drag weather_clock_generic.ino into the chat, and at the same time send the following:
WiFi: YourWiFiName
Password: YourWiFiPassword
API Key: YourOpenWeatherMapAPIKey
City: Harbin,CN
Generate firmware
What to fill in:
WiFi Name / Password: From your router's sticker or your phone's connected network. Case-sensitive.
API Key: Sign up for free at openweathermap.org . Go to your profile → API Keys → copy the key.
City: English city name + country code, e.g. Harbin,CN, Beijing,CN, Tokyo,JP
How to get an API Key:
Go to openweathermap.org → click "Sign Up" in the top right to create a free account
Log in → click your username in the top right → "My API Keys"
Copy the default key, or click "Generate" to create a new one
Free tier: 60 requests per minute. This project uses 1 request every 10 minutes — more than enough.
Step 2: One-Click Flash via Browser
Connect Wio Terminal to your computer with a USB-C cable
On the flash page, click the Connect & Flash button
Double-press the power button on top of the Wio Terminal to enter flash mode
A device list will pop up in your browser → select Wio Terminal (usually shows as Wio Terminal (COM?))
Click Connect
Wait for the progress bar t…