A customizable transit alerts dashboard that can be adapted for any city's public transportation system.
- Real-time service alerts from multiple transit agencies
- Responsive design optimized for mobile and desktop
- Advanced filtering and search capabilities
- Customizable agency branding and colors
- GTFS-RT and custom API support
- Netlify Functions for API proxying
Edit src/config/agencies.ts to define your city's transit agencies:
export const AGENCIES = {
'your-metro': {
name: 'Your City Metro',
color: 'bg-blue-600 text-white',
services: ['bus', 'light-rail'],
apiUrl: 'https://api.yourcity.gov/gtfs-rt/alerts',
websiteUrl: 'https://yourcity.gov/transit/alerts'
},
// Add more agencies...
};Create Netlify functions in netlify/functions/ for each agency's API.
- Replace favicon and logo files in
public/ - Update colors in
tailwind.config.js - Modify app title in
index.html
npm run build
# Deploy to Netlify or your preferred platformnpm install
npm run devThe app supports:
- GTFS-RT protobuf feeds
- JSON REST APIs
- Custom data formats
See src/services/transitApi.ts for implementation examples.
MIT License - Feel free to adapt for your city's needs.