By
@vertriwayz
WaveLens is a dynamic web-based dashboard that extracts live WSPR/FT8 telemetry feeds, decodes Maidenhead grid locators, and plots real-time propagation paths on an interactive map alongside live signal-to-noise ratio (SNR) analytics and band condition charts.
2h 45m 57s logged
So I’ve decided to work on the site a little bit more, but this time it is more of the style, and adding more features. I’ve even added a cool wave logo I made in Canva! One major thing I have added is buttons in the frequency feed is the Update button which updates the frequencies to the latest version (by second), the clear button to erase, then repopulate the nodes, then CSV, which allows you to export the frequencies into a cool CSV file. I also wanted to reflect on the topography, and make it look much more minimalistic, so I wanted to put in this much smoother look. I like the nodes, and now when there is more receivers from a sender, their node grows bigger, showing like different levels in the map, and I worked on the navbar. I intended on putting a welcome page with a hero section, but I thought it was too chunky and decided to just do the map since it was already as amazing as it is already.
1h 30m 29s logged
1h 23m 49s logged
I think this was one of the most painful parts of the project, and that apparently my project mostly used AI, so despite that I had to rewrite most of my code and stuff, and I am proud to say that it looks really clean and much better now and now that I have done the README, the code, and the styling, it looks good and the nodes are working. This took some time to make, but I think it was worth it in the end, and I am really proud of this result.
36m 57s logged
So a reason my project got returned was because my README was not fully informative and was a bit short, so I decided to tidy things up and introduce sections such as instructions as to how to install and run your own instance using a WSGI Gunicorn server, or using the Flask development server from the ground up, and I just added slightly more background to the already existing sections like the features, and blurb. So far the readme is looking much more presentable, and I think my project should be ready now to ship :D
1h 51m 3s logged
So as a quick update before I ship my project, it has taken me meticulous hours to bridge connectivity of Wavelens to the web. It was gruelling for the API which kept failing very frequently, leading me to choose one which didn’t require as much calls and was actually free, and I had to keep changing server providers, like Render, then Ngrok, and then finally Cloudflared, which allowed me to use my own subdomain (wavelens.vihaanvinoth.com), and now it is running peacefully, whereas previously you had to take the measures to download the whole project from GitHub, then find a suitable server to host, or locally, then you could run it.
Feel free to check out the site at wavelens.vihaanvinoth.com - it’s really cool!
I created Wavelens, which is a dashboard that is in your browser that fetches live WSPR and FT8 telemetry feeds, and even plots them into beautiful nodes on an interactive map, as well as a live bar known as a signal-to-noise ratio (aka SNR), and shows a list of active frequencies internationally (so epic!). It was challenging fetching the API because at some times in the day it would tap out and at some point I wanted to use a “mock frequencies list”, but I found a stronger API which could compute the SNR and telemetry feeds. I am proud of the web design, API and especially the colourful map. To run this project you have to clone it via GitHub, and you have to create a Render server (or local if you choose) to run the frequencies, and have an active instance of Python (>=3.14).
3h 59m 48s logged
TL:DR
As I haven’t yet put both devlogs into here, this is it.
Devlog #1:
Alright, so this is the first devlog so far of building WaveLens, which is basically a web dashboard which can extract WSPR/FT8 telemetry feeds, and plots them onto a large node map mapping out the callsigns. So far i’ve run them using Flask, Gunicorn, and Render, however i’m waiting for approval from the admins to approve my Nest Linux server so that I can run the Python app onto the server and run my site. So far it is turning out great, and there might be more stuff to work on soon. The image attached is from my gunicorn application that is running it temporarily, but I will soon transition to a Linux Server interface. This is also my first time building a Radio-related application, and I think it has been really fun to make so far.
Final Devlog:
All right, so this is the final post that I am creating for WaveLens. It has been a very valuable project for me to create, and I hope to create more like this in the future. I was able to use my background of HTML, CSS, and JS, as well as some flask to build this web application.
