I’ve been a weather geek for years and finally decided last week to make a Tempest dashboard with radar. I wanted something to throw up on my raspberry pi. It’s a very simple Vercel app that uses Next and Tailwind CSS to display your Tempest Station weather data and a radar view from OpenWeatherMap. It’s optimized for both mobile and desktop.
It shows an interactive radar, temperature, humidity, pressure, wind, UV, 5 day forecast, 5 day historical temp/humidity/precip and soon I will have the monthly historical charts integrated!
It was created in Cursor (VSC fork) using the sonnet 3.5 and o1 models. I must say, coding with o1 is an amazing experience.
I’d love some feedback. Am I following best practices? Is there anything I should add, tweak, or scrap altogether? Thanks!
Project:
OpenWeatherMap API Key Signup:
(note: it takes them a little while to activate it, less than a day. Also, this is using the v1 maps API):
– TempestVue
A modern, real-time weather visualization dashboard built with Next.js and Tailwind CSS. TempestVue provides a sleek interface for viewing weather data from Tempest Weather Stations.
Features
- Real-time weather data visualization - Interactive weather radar with multiple layers - Historical weather data charts - Responsive design for all devices - Dark mode interface - Monthly weather insights (coming soon)
Prerequisites
- Node.js 18+ - A Tempest Weather Station - Tempest API access token - OpenWeatherMap API key (for radar layers)
@taters - This is very cool! Been thinking about tinkering with Raspberry Pi for a while, and making a display for my new tempest seems like the perfect opportunity! Would like to know more about your hardware setup, if you’d care to share.
Sure. I just acquired the Pi 500 and a 256gb SanDisk SD Card. Totally worth the $90. I also purchased the official pi monitor. I was skeptical about the keyboard but it’s actually really nice to use. The whole setup was $200 from Canakit. I highly recommend.
Well done. It looks terrific. Definitely not simple enough anyone could follow a YouTube instructional video to emulate. Too bad, because I have a spare raspberry Pi 4.
@taters I went the AWS EC2 route - and I’ve managed to get it running on a Nginx server on my domain. I can see the header, but no data. Left you a detailed message on GitHub as a “bug” report although it’s not really a bug as I’m trying to deploy it in a manner outside the scope you designed it for.
Aside: I too really enjoy using o1 to code and troubleshoot.