Southeastern Relay

Landing Page
Landing page (Service search function)
Landing Page (Station search function)
Train Information Overview Tab

Inspiration

We like trains :)

What it does

Our system uses Southeastern's official API to fetch service data, searching by dates, times, stations and head number. With this information, we provided a uniform user interface that allows train crew to quickly obtain all key information required to maintain their services.

How we built it

The system pulls data from Southeastern's official API to populate a Firebase database, allowing users to view and manipulate data using the React components from the frontend.

Challenges we ran into

We ran into numerous technical difficulties when developing this system. Crucially, a proxy server needed to be used to pull data from Southeastern's API, which severely reduced the time available to develop the main project.

The vast amount of data required for the project proved difficult to display on a mobile screen. Additionally, designing a comprehensive system with all core data provided was time-consuming.

Accomplishments that we're proud of

Our system fully adheres to Southeastern's branding guide, adopting their colour scheme, fonts and general style.

What we learned

Ultimately, 24 hours did not prove sufficient time to develop a full proof-of-concept design. Throughout the development of the project, we developed our knowledge in technologies such as Ionic and React.

What's next for Southeastern Relay

If we had more time to develop the project further, we would love to see a fully implemented system that allows for efficient handovers during staff changeovers within the service.