Transferline 019
Single-page transport website for Transferline 019, built around Zaječar to Beograd departures, services and direct phone booking.
- Role
- Creator
- Year
- 2025
- Type
- Web Development
- Stack
- React 19, TypeScript, Vite
Overview
Transferline 019 is a single-page transport and booking presentation site for passenger transfer services from Zaječar. The page centers on the regular Zaječar ↔ Beograd route, departure times, services and direct phone reservation.
What was built
The active application renders a single Home page with anchored sections for the hero, departures, services, about and contact. Desktop and mobile navigation both point to the same anchors, and the footer repeats the route and phone contact.
Single-page redesign
The repository still contains older route and section components, but the current App routes /about and /services through a LegacyAnchorPage that replaces the URL with /#o-nama or /#usluge and scrolls into the relevant section. Vercel redirects mirror that behavior for deployed legacy paths.
Routes and timetable
Departure data is defined locally in the home page for Zaječar → Beograd and Beograd → Zaječar. The timetable presents weekday, Friday additional and Sunday departures, plus a reservation CTA connected to the same phone number.
Booking flow
Booking is intentionally direct: the primary hero CTA, schedule CTA, navbar action, mobile menu action and contact section all use tel:+381631844786. There is no contact form, map, booking API or third-party scheduling integration in the active code.
Responsive implementation
The SCSS modules define a sticky desktop header, separate mobile burger menu, sticky anchor offset via scroll-margin-top and single-column layouts for the hero details, timetable cards, services, about and contact sections on smaller viewports.
Technical approach
The project is a Vite React TypeScript SPA with React Router DOM for route compatibility, SCSS Modules for scoped styles, React Icons for interface icons, local static assets, Serbian HTML metadata and Vercel redirects plus an SPA rewrite to index.html.
