{"id":30192452,"url":"https://github.com/lizardcat/ambulance-dashboard","last_synced_at":"2026-05-03T20:39:15.735Z","repository":{"id":308947414,"uuid":"1034542078","full_name":"lizardcat/ambulance-dashboard","owner":"lizardcat","description":"A simple React/TailwindCSS demo dashboard for a Nairobi-based ambulance/emergency dispatch system. Deployed on Netlify.","archived":false,"fork":false,"pushed_at":"2025-08-08T22:13:10.000Z","size":1187,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-08-29T07:14:58.225Z","etag":null,"topics":["javascript","netlify","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://ambulance-dashboard.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lizardcat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-08-08T14:58:48.000Z","updated_at":"2025-08-09T18:37:04.000Z","dependencies_parsed_at":"2025-08-08T21:46:12.307Z","dependency_job_id":null,"html_url":"https://github.com/lizardcat/ambulance-dashboard","commit_stats":null,"previous_names":["lizardcat/ambulance-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lizardcat/ambulance-dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lizardcat%2Fambulance-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lizardcat%2Fambulance-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lizardcat%2Fambulance-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lizardcat%2Fambulance-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lizardcat","download_url":"https://codeload.github.com/lizardcat/ambulance-dashboard/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lizardcat%2Fambulance-dashboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32584644,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","netlify","react","tailwindcss"],"created_at":"2025-08-12T23:18:18.077Z","updated_at":"2026-05-03T20:39:15.704Z","avatar_url":"https://github.com/lizardcat.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Nairobi Emergency Ambulance Dispatch Dashboard\n\nA simple emergency dispatch system demo built specifically for the Nairobi/Kenyan/African context. This dashboard simulates a complete ambulance dispatch center with live tracking, emergency management, hospital coordination, and communication systems.\n\n\u003ca href=\"https://ambulance-dashboard.netlify.app/\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/LIVE_DEMO-Click_Here-blue?style=for-the-badge\u0026logo=github\" /\u003e\n\u003c/a\u003e\n\n## Screenshots\n\n![Dashboard Preview 1](/assets/dashboard_1.png)\n\n![Dashboard Preview 2](/assets/dashboard_2.png)\n\n![Dashboard Preview 3](/assets/dashboard_3.png)\n\n![Dashboard Preview 4](/assets/dashboard_4.png)\n\n## Demo Features\n\n- **Interactive Map**: Click on ambulance/emergency markers for details\n- **Real-time Updates**: Live clock and simulated data updates\n- **Emergency Selection**: Click emergencies to view patient details\n- **Working Chat**: Send messages in the communication panel\n- **Responsive Design**: Works on desktop, tablet, and mobile\n- **Professional UI**: Modern design with proper color coding\n\n## Technology Stack\n\n- **Frontend**: React 18 with Hooks\n- **Styling**: Tailwind CSS 3.x\n- **Maps**: React Leaflet with OpenStreetMap\n- **Charts**: Recharts for performance metrics\n- **Icons**: Lucide React\n- **State Management**: React useState/useEffect\n\n## Prerequisites\n\n- **Node.js** 16.0 or higher\n- **npm** or **yarn** package manager\n- **Modern web browser** (Chrome, Firefox, Safari, Edge)\n\n## Installation Instructions\n\n### **Step 1: Create React Application**\n\n```bash\n# Create new React app\nnpx create-react-app nairobi-ambulance-dashboard\ncd nairobi-ambulance-dashboard\n```\n\n### **Step 2: Install Dependencies**\n\n```bash\n# Install required packages\nnpm install leaflet react-leaflet recharts lucide-react\n\n# Install Tailwind CSS 3.x\nnpm install -D tailwindcss postcss autoprefixer\n```\n\n### **Step 3: Configure Tailwind CSS**\n\nCreate `tailwind.config.js` in your project root:\n\n```javascript\n/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  content: [\"./src/**/*.{js,jsx,ts,tsx}\"],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n};\n```\n\nCreate `postcss.config.js` in your project root:\n\n```javascript\nmodule.exports = {\n  plugins: {\n    tailwindcss: {},\n    autoprefixer: {},\n  },\n};\n```\n\n### **Step 4: Update CSS File**\n\nReplace the contents of `src/index.css`:\n\n```css\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\n\n### **Step 5: Add Leaflet CSS**\n\nAdd this line to the `\u003chead\u003e` section of `public/index.html`:\n\n```html\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://unpkg.com/leaflet@1.9.4/dist/leaflet.css\"\n/\u003e\n```\n\n### **Step 6: Replace App Component**\n\nReplace the contents of `src/App.js` with the dashboard code in this repo.\n\n### **Step 7: Start Development Server**\n\n```bash\nnpm start\n```\n\nYour dashboard will be available at `http://localhost:3000`\n\n## Project Structure\n\n```\nambulance-dashboard/\n├── public/\n│   ├── index.html              # Add Leaflet CSS here\n│   └── ...\n├── src/\n│   ├── App.js                  # Main dashboard component\n│   ├── index.css               # Tailwind directives\n│   ├── index.js                # React entry point\n│   └── ...\n├── tailwind.config.js          # Tailwind configuration\n├── postcss.config.js           # PostCSS configuration\n├── package.json                # Dependencies and scripts\n└── README.md                   # This file\n```\n\n## Support\n\nFor questions, issues, or feature requests:\n\n- Create an issue on GitHub\n- Contact me here or on [Bluesky](https://bsky.app/profile/alexraza.tech)\n\n**Built with ❤️ for USIU's SWE4040-A (Software Construction) course**\n\n_This is a demonstration system designed to showcase modern emergency dispatch capabilities in the Nairobi context. For production use, additional security, authentication, and integration features would be required._\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flizardcat%2Fambulance-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flizardcat%2Fambulance-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flizardcat%2Fambulance-dashboard/lists"}