---
title: Train Planner and Map
showOnCv: false
type: Personal
abstract: A web-based application for planning train routes and visualizing disruptions on a map, integrating real-time data from the NS API.

images:
  - src: cover
    srcDark: cover-dark
    filetype: .webp

pdfFiles: []

quickLinks:
  - kind: demo
    url: https://ns.w-tb.nl

keywords: []
supervisors: []
keyFeatures:
  - "Route Planning: Allows users to plan train journeys with start, destination, and optional via stations."
  - "Disruption Visualization: Displays real-time disruptions on a map using Leaflet."
  - "Interactive Map: Users can click on disruptions to view detailed information in a modal."
  - "Backend Integration: .NET Core backend fetches and processes data from the NS API."
  - "Responsive Design: Optimized for both desktop and mobile devices."
  - "Loading Indicators: Provides feedback during data fetching operations."
  - "Customizable Settings: Users can configure preferences such as default stations."
tags:
  - Web
  - Real-Time
  - Docker
  - ASP.Net Core
  - Angular
---

This project provides a comprehensive train route planning and disruption visualization tool. It features a frontend built with Angular and a backend powered by .NET Core, leveraging the NS API for real-time train data. The application includes a map-based interface for viewing disruptions and a planner for creating train itineraries.