Trash Can Finder

• 

  the map

• 

  start the journey

• 

  trashBins icon

• 

  sign in with google

• 

  the dark mode

• 

  the direction

Trash Can Finder is a web application designed to help users locate the nearest trash cans while walking, reducing littering in public spaces. The app tracks real-time location and provides step-by-step walking directions to the closest bin.

🔥 Inspiration Littering is a significant problem in many public areas due to the lack of accessible trash cans. This project aims to address that by making it easy for users to find and navigate to the nearest bin using Google Maps.

🚀 How It Works Tracks user location in real-time. Displays nearby trash bins on an interactive map. Finds the closest trash bin using geolocation and distance calculations. Provides walking directions to the selected trash bin. Supports dark mode for better accessibility. 🛠️ Built With HTML, CSS, JavaScript – Core structure and interactivity. Google Maps API – Maps, geolocation, and directions. Firebase Authentication – Secure user login and logout. Tailwind CSS – Responsive and modern UI styling. 💡 Challenges Faced Optimizing real-time geolocation tracking for accuracy. Implementing a smooth user authentication system. Enhancing UI/UX with better map styling and dark mode.

Built With

• css-(tailwind)
• firebase-authentication
• firestore
• javascript-apis-&-services:-google-maps-api
• languages-&-frameworks:-html
• local
• platforms: