wild-ambulance

byShivakumar Patil

Build a production-ready web + mobile compatible application called "Smart Ambulance System". GOAL: Create a real-time ambulance booking and intelligent traffic clearance system that reduces emergency response time using live tracking and AI-based signal control. -------------------------------------- CORE FEATURES: 1. USER SIDE: - Login/Signup (JWT आधारित authentication) - Live map (Leaflet.js or Google Maps) - Show: - User location - Nearby hospitals - Available ambulances - "Book Ambulance" button 2. AMBULANCE TRACKING: - Assign nearest ambulance automatically - Show real-time movement of ambulance on map - Use WebSockets for live updates 3. SMART TRAFFIC CLEARANCE SYSTEM: Implement 3-Level Intelligent Clearance: LEVEL 1 (1000 meters away): - Identify signals in route - Turn signals green sequentially LEVEL 2 (500 meters away): - Override nearby traffic lights - Sync adjacent signals to prevent congestion LEVEL 3 (50 meters away): - Full priority mode - All signals green in ambulance path - Other lanes blocked - Simulate traffic signals using backend logic (Node.js) - Store signal data and states in database 4. ROUTE OPTIMIZATION: - Calculate fastest route using traffic data - Re-route dynamically if congestion occurs 5. HOSPITAL INTEGRATION: - Notify hospital when ambulance is booked - Send ETA and patient details 6. ADMIN DASHBOARD: - Monitor all ambulances - Control traffic signals manually if needed - View analytics (response time, distance, usage) -------------------------------------- TECH STACK: Frontend: - React.js (with Tailwind CSS) - Map integration (Leaflet.js) Backend: - Node.js + Express.js Database: - MongoDB Real-time: - WebSockets (Socket.io) Deployment: - Dockerized services - CI/CD pipeline -------------------------------------- ADVANCED FEATURES: - AI module to predict traffic congestion based on time/history - Priority scoring system for multiple ambulances - Emergency escalation mode -------------------------------------- OUTPUT REQUIREMENTS: - Complete frontend + backend code - Folder structure - API documentation - Database schema - Docker setup - Deployment guide - Test cases -------------------------------------- UI REQUIREMENTS: - Modern glassmorphism UI - Real-time map dashboard - Animated ambulance movement - Status indicators (En route, Arrived, Completed) -------------------------------------- DELIVERABLE: A fully working, deployable MVP that can be run locally and scaled to production.

LandingPatient DetailsLoginAdmin DashboardAnalyticsBookingMap ControlTraffic PanelSignupIncoming AlertTrackingMap DashboardHospital Dashboard
Landing

Comments (0)

No comments yet. Be the first!

Project Tasks26

#1

Implement Theme and Structure

Backlog

As a developer, I want to implement the global theme and structure across all scaffold pages so that they look exactly identical to the mock-design pages. This includes applying the color palette (#F5F9FF background, #FFFFFF surface, #1A1A1A text, #FF6F61 accent, #A3B4C4 muted), typography, layout structure, and removing any pages not needed by the application. Scope: update Home, Login, Signup, Welcome, Dashboard/Overview, Dashboard/AI-Assistant, Dashboard/Settings pages to match design system; remove unused pages.

AI 80%
Human 20%
High Priority
2 days
Frontend Developer
#15

Implement Ambulance Booking API

Completed in 186h 48m 6s
Done

As a user, I want to use the backend API for ambulance booking so that the system automatically assigns the nearest available ambulance based on location, availability, and type (e.g., ICU-equipped) and returns booking confirmation with ETA. Includes POST /bookings endpoint, nearest ambulance assignment algorithm, ambulance availability filtering, and booking record creation in MongoDB.

Task Progress
100%
ExecutionCompleted
AI 75%
Human 25%
High Priority
3 days
Backend Developer
#2

Build Landing Page

Backlog

As a user, I want to use the Landing page so that I can view information about the Wild-Ambulance system, navigate to Login or Register. Implement based on existing Landing (v2) JSX design. Features include interactive 3D cityscape map view, animated ambulance icons, pulsating user location marker, traffic signal simulation visuals, ambient gradient background effects, and CTAs linking to Login and Signup pages.

Depends on:#1
Waiting for dependencies
AI 90%
Human 10%
High Priority
2 days
Frontend Developer
#3

Build Login Page

Backlog

As a user, I want to use the Login page so that I can sign in with my credentials using JWT-based authentication and be redirected to the appropriate dashboard (User Map Dashboard, Admin Dashboard, or Hospital Dashboard). Implement based on existing Login (v2) JSX design. Connects from Landing page and links to Signup page.

Depends on:#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
1 day
Frontend Developer
#4

Build Signup Page

Backlog

As a user, I want to use the Signup page so that I can create a new account with JWT-based authentication and access the system. Implement based on existing Signup (v2) JSX design. Accessible from Landing page registration CTA and Login page link.

Depends on:#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
1 day
Frontend Developer
#16

Implement Real-Time Tracking API

Backlog

As a user, I want to use the backend WebSocket API for real-time ambulance tracking so that live ambulance position updates are streamed to the Tracking page and Hospital Dashboard. Includes WebSocket endpoint for ambulance location broadcasts, position update ingestion from ambulance clients, and ETA recalculation on each update.

Depends on:#15
AI 75%
Human 25%
High Priority
3 days
Backend Developer
#17

Implement Traffic Signal Simulation API

Completed in 12h 30m 9s
Done

As a system, I want to use the backend API for traffic signal simulation so that signal states are stored in MySQL, and the three-level intelligent clearance logic (Level 1: 1000m, Level 2: 500m, Level 3: 50m) is applied dynamically based on ambulance proximity. Includes signal state CRUD endpoints, level-based override logic, sequential green signal sequencing, and adjacent signal sync.

Depends on:#15
Task Progress
100%
ExecutionCompleted
AI 72%
Human 28%
High Priority
4 days
Backend Developer
#5

Build Map Dashboard Page

Backlog

As a user, I want to use the Map Dashboard page so that I can view my location, nearby hospitals, and available ambulances on a live Leaflet.js map and initiate ambulance booking. Implement based on existing Map Dashboard (v2) JSX design. Features include live map with user location marker, nearby hospital icons, available ambulance icons with hover details, and a prominent 'Book Ambulance' button. Connects from Login and links to Booking page.

Depends on:#3
Waiting for dependencies
AI 85%
Human 15%
High Priority
3 days
Frontend Developer
#8

Build Admin Dashboard Page

Backlog

As an admin, I want to use the Admin Dashboard page so that I can view analytics, monitor all ambulances in real-time, and navigate to map control and analytics sections. Implement based on existing Admin Dashboard (v2) JSX design. Features include summary cards (active ambulances, ongoing bookings, avg response time), quick navigation to Map Control and Analytics, and real-time status overview. Connects from Login.

Depends on:#3
Waiting for dependencies
AI 88%
Human 12%
High Priority
2 days
Frontend Developer
#12

Build Hospital Dashboard Page

Cancelled

As a hospital staff member, I want to use the Hospital Dashboard page so that I can view notifications about incoming ambulances, update patient status, and manage incoming alerts. Implement based on existing Hospital Dashboard (v2) JSX design. Features include notification feed, incoming booking alerts, status update controls, and ETA display. Connects from Login.

Depends on:#3
Waiting for dependencies
AI 87%
Human 13%
High Priority
2 days
Frontend Developer
#18

Implement Route Optimization API

Backlog

As a system, I want to use the backend API for route optimization so that the fastest ambulance route is calculated using real-time traffic data and dynamically re-routed if congestion is detected. Includes integration with traffic data source, shortest/fastest path calculation, congestion detection logic, and dynamic re-routing endpoint.

Depends on:#17
AI 72%
Human 28%
High Priority
3 days
Backend Developer
#19

Implement Hospital Notification API

Cancelled

As a system, I want to use the backend API for hospital notifications so that when an ambulance is booked, the assigned hospital is automatically notified with ETA and patient details via WebSocket and/or push notification. Includes POST /notifications endpoint, hospital WebSocket channel, patient detail payload construction, and ETA update broadcasts.

Depends on:#16#15
Waiting for dependencies
AI 75%
Human 25%
High Priority
2 days
Backend Developer
#20

Implement Admin Control API

Backlog

As an admin, I want to use the backend API for admin controls so that I can manually override traffic signals, view all active ambulances and their statuses, and retrieve analytics data (response times, distances, usage stats). Includes GET /ambulances, PATCH /signals/:id/override, GET /analytics endpoints with role-based access control.

Depends on:#16#17
Waiting for dependencies
AI 75%
Human 25%
High Priority
3 days
Backend Developer
#6

Build Booking Page

Backlog

As a user, I want to use the Booking page so that I can book the nearest available ambulance with a single click and receive booking confirmation. Implement based on existing Booking (v2) JSX design. Displays nearest ambulance options (type, ETA, distance), confirms booking, and transitions to the Tracking page.

Depends on:#5
Waiting for dependencies
AI 85%
Human 15%
High Priority
2 days
Frontend Developer
#9

Build Map Control Page

Backlog

As an admin, I want to use the Map Control page so that I can view a live map of all ambulances, traffic signals, and routes, and manually override traffic signals if needed. Implement based on existing Map Control (v2) JSX design. Features include live Leaflet.js map with ambulance positions, traffic signal overlays with manual toggle controls, route visualization, and real-time updates via WebSockets. Connects from Admin Dashboard.

Depends on:#8
Waiting for dependencies
AI 85%
Human 15%
High Priority
3 days
Frontend Developer
#11

Build Analytics Page

Backlog

As an admin, I want to use the Analytics page so that I can view detailed reports on response times, distances covered, and usage statistics to monitor system performance. Implement based on existing Analytics (v2) JSX design. Features include response time charts, distance statistics, usage graphs, and filterable report tables. Connects from Admin Dashboard.

Depends on:#8
Waiting for dependencies
AI 85%
Human 15%
Medium Priority
2 days
Frontend Developer
#13

Build Incoming Alert Page

Backlog

As a hospital staff member, I want to use the Incoming Alert page so that I can view details of a newly booked ambulance dispatched to my hospital including booking info and patient summary. Implement based on existing Incoming Alert (v2) JSX design. Features include booking ID, ambulance type, estimated arrival time, and initial patient info. Connects from Hospital Dashboard.

Depends on:#12
Waiting for dependencies
AI 87%
Human 13%
High Priority
1 day
Frontend Developer
#21

Integrate Map Dashboard with APIs

Backlog

As a user, I want to use the Map Dashboard frontend so that it connects to live ambulance, hospital, and user location APIs, displaying real-time data on the Leaflet.js map. Wire up GET /ambulances/nearby, GET /hospitals/nearby, and user geolocation to the Map Dashboard (v2) page components.

Depends on:#15#5
Waiting for dependencies
AI 80%
Human 20%
High Priority
2 days
Frontend Developer
#25

Implement AI Traffic Prediction Module

Backlog

As a system, I want to use an AI API for traffic congestion prediction so that historical and time-based data is used to forecast congestion, enabling proactive ambulance re-routing and signal pre-clearing. Uses GPT-based model via LiteLLM for intelligent route suggestions and priority scoring for multiple ambulances.

Depends on:#18
Waiting for dependencies
AI 85%
Human 15%
Medium Priority
3 days
AI Engineer
#7

Build Tracking Page

Backlog

As a user, I want to use the Tracking page so that I can live-track the assigned ambulance on a map and view real-time ETA updates via WebSockets. Implement based on existing Tracking (v2) JSX design. Features include live ambulance movement on map, ETA display, status indicators (En Route, Arrived, Completed), and animated ambulance icon. Connects from Booking page.

Depends on:#6
Waiting for dependencies
AI 85%
Human 15%
High Priority
3 days
Frontend Developer
#10

Build Traffic Panel Page

Backlog

As an admin, I want to use the Traffic Panel page so that I can view and manually control individual traffic signals, see their current states, and apply level-based overrides for ambulance routing. Implement based on existing Traffic Panel (v2) JSX design. Features include signal state grid, manual override toggles, level 1/2/3 clearance buttons, and live status updates. Connects from Map Control.

Depends on:#9
Waiting for dependencies
AI 85%
Human 15%
High Priority
2 days
Frontend Developer
#14

Build Patient Details Page

Backlog

As a hospital staff member, I want to use the Patient Details page so that I can review comprehensive patient information and live ETA of the incoming ambulance to prepare for patient reception. Implement based on existing Patient Details (v2) JSX design. Features include patient medical info, real-time ETA countdown, ambulance tracking mini-map, and status indicators. Connects from Incoming Alert.

Depends on:#13
Waiting for dependencies
AI 87%
Human 13%
High Priority
2 days
Frontend Developer
#26

Integrate Analytics Page with APIs

Cancelled

As an admin, I want to use the Analytics frontend page so that it fetches and visualizes response time, distance, and usage data from the Admin Control API with filterable charts and tables. Wire up GET /analytics to the Analytics (v2) page components.

Depends on:#11#20
Waiting for dependencies
AI 80%
Human 20%
Medium Priority
2 days
Frontend Developer
#22

Integrate Tracking Page with WebSockets

Backlog

As a user, I want to use the Tracking page frontend so that it receives live ambulance position updates via WebSockets and animates the ambulance movement on the map with ETA refreshes. Wire up the real-time tracking WebSocket to the Tracking (v2) page.

Depends on:#7#16
Waiting for dependencies
AI 80%
Human 20%
High Priority
2 days
Frontend Developer
#23

Integrate Traffic Panel with Signal API

Backlog

As an admin, I want to use the Traffic Panel frontend so that it displays live signal states from the backend and allows manual override actions via the Traffic Signal Simulation API. Wire up signal state WebSocket and override API calls to the Traffic Panel (v2) page.

Depends on:#10#17#20
Waiting for dependencies
AI 80%
Human 20%
High Priority
2 days
Frontend Developer
#24

Integrate Hospital Dashboard with Notifications API

Backlog

As a hospital staff member, I want to use the Hospital Dashboard frontend so that it receives real-time booking notifications via WebSocket and displays incoming alert details linked to the Incoming Alert and Patient Details pages. Wire up hospital notification WebSocket to the Hospital Dashboard (v2) and Incoming Alert (v2) pages.

Depends on:#12#14#19#13
Waiting for dependencies
AI 80%
Human 20%
High Priority
2 days
Frontend Developer
Landing design preview
Login: Sign In
Admin Dashboard: View Analytics
Admin Dashboard: Monitor Ambulances
Map Control: View Live Map
Traffic Panel: Control Signals
Analytics: View Reports
Analytics: View Response Times