fumodayo/city-bus-tracking

CITY BUS TRACKING

Stack

• ReactJS - A React framework with hybrid static & server rendering, and route pre-fetching, etc.
• MapBoxAPI - Mapbox GL JS is a JavaScript library for vector maps on the website

Project structure

$PROJECT_ROOT
│   # Page files
├── Home
│   # Component
│   │
│   ├──HomeSidebar
│   │   │
│   │   ├──FindRoutes
│   │   │     │
│   │   ├──BusRoutes
│   │   │     │
│   │   │     ├──FilterRoutes
│   │   │     │       │
│   │   │     │       ├──FilterTravelMap
│   │   │     │       │         │
│   │   │     │       │         ├──ListGuideTravel
│   │   │     │       │         │        │
│   │   │     │       │         │        ├──MarkerTravelLocation (TravelType, TravelImage)
│   │   │     │       │         │        │
│   │   │     │       ├──ListBusStopInRoute
│   │   │     │       │
│   │   │     ├──ListAllBusStop
│   │   │     │       │
│   │   │     │       ├──BusLocation
│   │   │     │       │
│   │   │     │       ├──RouteThrough
│   │   │     │       │
│   ├──PolylineBusRoutes
│   │
│   ├──MarkerBusRoutes
│   # Common
│   ├──MarkerBusStop
│   │
│   ├──ConfirmModal
│   │
│   ├──CustomSidebar
│   │
│   ├──FormInput
│   # Static files for images
└── public

Demo