Group4-FET/StreetEye

Smart traffic management and monitoring system for urban areas in Cameroon # Traffic Insight Application Traffic Insight is a web application designed to provide real-time traffic monitoring, incident reporting, and road safety education, aiming to contribute to safer and more efficient road navigation. ## Table of Contents * Features * Technologies Used * Getting Started * Prerequisites * Installation * Firebase Setup * Usage * Project Structure * Contributing ## Features * **User Authentication:** Secure sign-up and sign-in via email/password and Google accounts. * **Live Traffic Monitoring Map:** * Displays real-time traffic incidents fetched from Firebase Firestore. * Interactive map, likely powered by **Leaflet & React-Leaflet** for base map tiles and custom markers (as seen in `Map.jsx`). * Location search functionality using **OpenStreetMap Nominatim API** (for the main map search) and **Mapbox Geocoding API** (for incident reporting). * Route calculation with traffic awareness using **Mapbox Directions API**. * Navigation controls, scale, and fullscreen mode for enhanced usability. * **Incident Reporting:** * A dedicated form for users to report new incidents (Accidents, Construction, Hazards, Traffic Jams, Events, Other). * Location selection via search input for precise geographical coordinates. * Automatically assigns the authenticated user's ID as the reporter. * Redirects to the live map upon successful reporting. * **Road Safety Education:** A dedicated page to provide users with valuable information and tips on road safety. * **Centralized Firebase Management:** Efficient and consistent handling of Firebase services (Firestore and Authentication) across the application. * **Responsive Design:** Optimized for seamless viewing and interaction across various devices (mobile, tablet, desktop). ## Technologies Used * **Frontend:** * **React.js:** A JavaScript library for building user interfaces. * **React Router DOM:** For handling client-side routing. * **Tailwind CSS:** A utility-first CSS framework for rapid styling. * …