1 / 3

German Train Stations Map

A high-performance, interactive React application that visualizes German train stations. This project goes beyond the basic requirements to demonstrate Senior Frontend Architecture, focusing on performance features like clustering, UX (URL sync, favorites), and code quality (strict TypeScript, testing).

Visit Live Website View Source Code

Project Features:

Station visualization on map (Data Visualization)
Search and filter by city name
Synchronized list and map views
List-to-map interaction (Zoom to station)
Responsive layout
Marker clustering
Debounced search
URL-synchronized filters
User favorites system
Error and loading state handling
Feature-based architecture

Tools & Technologies:

Bun
Vite
React 19
TypeScript (Strict Mode)
Redux Toolkit
RTK Query
Leaflet
React-Leaflet
react-leaflet-cluster
Tailwind CSS v4
React Icons (FontAwesome 6)
Vitest
React Testing Library