Video preview

SNCB

Disciplines

User Experience Developer - Mobile Development (React Native + iOS), UI/UX Design, Back-end Development (Node.js, GraphQL)

Overview

Mobile App of SNCB (National Railway company of Belgium) for their passengers, enabling trip planning and ticket purchases for millions of users.

Skills

  • React Native
  • iOS Development
  • Node.js
  • GraphQL / Apollo
  • UI/UX Design
  • Accessibility
  • Mobile Architecture

Context

As a key contributor to the SNCB project, I played dual roles as both a designer and a developer, gaining extensive experience in various aspects of mobile app development.


    Component system creation: Developed and designed a comprehensive component system, ensuring consistency and usability across the app and accelerating development of features.
  • Dark mode implementation: Added dark mode to enhance user experience and accessibility.
  • Accessibility enhancements: Optimized the app for screen readers from both a design and technical standpoint, improving accessibility for all users.
  • API end GraphQL endpoints: Contributed to the development of various Azure cloud functions using Node.js and Apollo that acted as BFF’s(Backend for Frontend) for the app. Optimizing how calls are made on the mobile app side.
  • Typescript integration: Developed a plan to introduce TypeScript into the codebase. By the time I left the project, it was almost entirely refactored from vanilla JavaScript to TypeScript. Improving developer productivity, readibility of the codebase and cathing bugs during development and build times.
  • Architecture and maintainability improvements: Enhanced the app’s architecture and maintainability by implementing clear guidelines on codebase structure and patterns.

Team

IBM. Team of 6 (Project Manager, Solution Architect, 2 Developers, 1 Designer, 1 User Experience Developer (Me))

Timeline

Feb 21 - Aug 22 (1.5 years)

See it live

Highlights



Route planning




Favorite routes



Purchasing tickets



User profile

Image profile