Built my first Next.js app (a Tempest/OpenWeatherMap dashboard) - looking for feedback! Git project included

Developers
, , ,
1

Hey Everyone,

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.

Deployment with my local station:
https://sugarhouse-tempest.vercel.app

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)

5 Likes
2

That’s “simple” ???
Yikes.

Pretty cool though. Nice and snappy.

3 Likes
3

thank you. ive only been coding since feb/mar and primarily in python. ai makes it exponentially easier.

1 Like
4

@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.

1 Like
5

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.

2 Likes
6

Hi Taters, Mudary from github with Ubuntu Noble 16 gigs

1 Like
7

Hey there, I sent you a direct message, let’s continue debugging

8

sure on screen share

9

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.