Waste calendar app

Description

A premium, modern web application to consult and subscribe to municipal waste collection schedules in Luxembourg. Built with a focus on visual excellence, performance, and user experience.

✨ Features

  • 📍 Smart Geolocation: "Locate Me" button that uses the browser Geolocation API and OpenStreetMap Nominatim to automatically detect your address and fill the form.
  • 🔍 Searchable Dropdowns: Custom-built, high-performance select components with integrated search for Communes, Localities, and Streets.
  • ✨ Premium UI/UX:
    • Glassmorphism Design: Sleek dark theme with rich gradients, blur effects, and smooth micro-animations.
    • Dynamic Highlighting: A "Prochaine Collecte" card that dynamically changes colors based on the waste type(s) scheduled for that day.
    • Grouped Schedule: Clear, date-grouped list of all future collections for easy planning.
  • 📅 Calendar Integration:
    • One-shot Download: Export your schedule as a .ics file.
    • Live Subscription: webcal:// link for automatic updates in your favorite calendar app (Apple Calendar, Google Calendar, Outlook).
  • 🚀 Ultra-Lightweight: Built with React and Vanilla CSS, intentionally avoiding heavy UI libraries for maximum control and performance.

🛠️ Tech Stack

Topic

Environment and Climate

Type

Application

Tags

  • municipal-waste

  • waste

  • waste-management

Creation date

December 21, 2025

Last update

December 21, 2025

1 used dataset

Discussions

There are no discussions for this reuse yet.

4 reuses from the same creator