Skip to content

Conversation

@m3ftwz
Copy link
Contributor

@m3ftwz m3ftwz commented Jan 17, 2026

Summary

Modernize the web interface with a complete rewrite using modern JavaScript and an improved UI.

Key changes:

  • Remove jQuery dependency in favor of native fetch API
  • Upgrade to ES6 modules with const/let, arrow functions, async/await, and for...of loops
  • Update Leaflet to 1.9.4 with proper OpenStreetMap attribution
  • Replace emoji plane icons with Font Awesome icons (gold with black stroke)
  • Full-width map with floating, draggable info panel using interact.js
  • Glassmorphism UI: semi-transparent dark background with backdrop blur
  • Smooth plane movement transitions between position updates
  • Structured plane info display with better visual hierarchy
  • BEM CSS naming convention throughout

Demo

Here’s a short demo showing two planes lined up to land at Catania Airport :^)

Screencast.From.2026-01-17.15-01-49.mp4

Note

This code was AI-assisted by Claude Opus 4.5 via Claude Code

- Remove jQuery dependency, use native fetch API
- Upgrade to ES6 modules with const/let, arrow functions, async/await
- Update Leaflet to 1.9.4 with proper OSM attribution
- Add Font Awesome for plane icons (gold with black stroke)
- Implement BEM CSS naming convention
- Full-width map with floating draggable info panel (interact.js)
- Glassmorphism UI: semi-transparent dark background with backdrop blur
- Smooth plane movement transitions between position updates
- Structured plane info display with visual hierarchy
- Update TODO to reflect completed web interface improvements

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@m3ftwz
Copy link
Contributor Author

m3ftwz commented Jan 17, 2026

The diffs are somewhat messy due to formatting and indentation changes, and the code structure has largely been refactored while preserving the core functionality. It's probably better to read the code directly than rely on the diffs.

@Dygear
Copy link

Dygear commented Jan 20, 2026

Great job, this is awesome!

@antirez
Copy link
Owner

antirez commented Jan 20, 2026

I love this Demetrio! Thank you so much.

@antirez antirez merged commit f463b2c into antirez:master Jan 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants