Fontanelle in Italia 🚰

Quickly find where to drink in Milan when you're cycling! 🚲

A web application that helps cyclists and pedestrians find drinking fountains, water houses, public toilets, and bicycle parking spots in Milan, Italy.

🌟 Features

• Interactive Map: Easily locate drinking fountains and water houses throughout Milan
• Multiple Amenities: Find not just water sources, but also public toilets and bicycle parking
• Geolocation: See your current position on the map to find the nearest facilities
• Mobile-Friendly: Optimized for use on smartphones while on the go
• Offline Support: Works even with limited connectivity (PWA capabilities)
• Cluster View: Markers are clustered for better visibility when zoomed out

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/fontanelle.git
   cd fontanelle

2. Install dependencies:

   npm install
   # or
   yarn install

3. Run the development server:

   npm run dev
   # or
   yarn dev

4. Open http://localhost:3000 with your browser to see the result.

🔧 Tech Stack

• Frontend: Next.js, React, TypeScript
• Styling: Tailwind CSS, DaisyUI
• Maps: Leaflet, React-Leaflet
• Data Sources: OpenStreetMap, Milan Municipality Open Data

📱 Usage

1. Open the application in your browser
2. Allow location access for better experience
3. Browse the map to find nearby drinking fountains (blue markers)
4. Toggle different amenities using the overlay selector
5. Click on markers to see more details about each location

🌐 Live Demo

Visit https://fontanelleitalia.com to see the application in action!

📝 License

This project is licensed under the GNU General Public License v3.0 (GPL-3.0) - see the LICENSE file for details.

📞 Contact

Mattia Natali - LinkedIn

💖 Support my work

Everything I made is open source. If you like what I'm doing and you want to support me, you can help me 😄!

• Increase awareness about the project by sharing it with your friends and family.
• Sponsor me with Github
• Buy me a coffee
• Paypal

🙏 Acknowledgements

• OpenStreetMap for map data
• Comune di Milano for open data
• Leaflet for the mapping library
• Next.js for the framework
• All the cyclists and pedestrians in Milan who inspired this project