Front-End Developer / Engineer

SMRT Corporation; Singapore; On-site; SGD 60,000 - 80,000; Full time

Job summary

A public transport service provider in Singapore is seeking a Frontend Engineer to support web application development. The role involves gathering user requirements, translating UI wireframes into responsive applications, and collaborating with stakeholders. The ideal candidate should have a Bachelor's in STEM and at least 2 years of relevant experience. Familiarity with Figma, JavaScript, HTML, and CSS is required, along with strong problem-solving skills.

Qualifications

• At least 2 years of experience as Software Engineer, especially in Front-end Web Development.
• Experience in front-end web development languages (HTML, CSS, JS/TS) and frameworks.
• Experienced in using UI design and prototyping tools such as Figma.

Responsibilities

• Conduct user requirement gathering sessions to understand needs and constraints.
• Map user flows and translate them into usable interface components.
• Collaborate with stakeholders for UI/UX validations and design improvements.

Skills

Frontend web development

User interface design

Collaboration with stakeholders

Problem-solving

Proficient in JavaScript

Understanding of UI/UX principles

Education

Bachelor Degree in STEM

Tools

Figma

HTML

CSS

JavaScript/TypeScript

PHP

Git

Docker

Vue 3

SQL

MongoDB

Job description

SMRT Corporation Ltd is a public transport service provider. Our primary business is to manage and operate train services on the North-South Line, East-West Line, the Circle Line, the Thomson-East Coast Line and Bukit Panjang Light Rail Transit. This is complemented by our bus, taxi and private hire vehicle services.

Our core values are Respect, Integrity, Safety and Service, and Excellence. We are committed to provide safe, reliable and comfortable service for all our commuters.

Job Purpose

We are hiring a Frontend Engineer to support web application development, particularly in projects involving complex forms, SVG‑based visual elements, and modular components such as timetables and schedules. The role will involve working closely with different user groups and stakeholders to gather requirements, map user flows, and translate those into usable interfaces. Proficiency in Figma, along with a solid understanding of frontend technologies and practical UI development, is required.

Responsibilities

The duties and responsibilities for this position are listed as below. Note that this list is not comprehensive and related duties and responsibilities may be assigned from time to time.

• Conduct user requirement gathering sessions across a broad range of stakeholders to understand needs, constraints, and user pain points.
• Map user flows and translate them into intuitive, usable interface components and navigation logic.
• Translate UI wireframes and Figma design prototypes into responsive and maintainable web applications using HTML, JavaScript/TypeScript, and CSS.
• Collaborate with stakeholders to validate UI/UX decisions and contribute to product design improvements.
• Build and maintain complex form‑driven interfaces with validation, dynamic states, and strong usability.
• Develop reusable and composable UI components, especially for features like timetables, schedules, or multi‑step interfaces.
• Implement and manipulate SVG‑based visual elements (e.g., interactive diagrams or maps) to support custom data visualizations and interactions.
• Contribute to and help design a shared design system to ensure consistency across the application.
• Ensure cross‑device compatibility and responsiveness across mobile and desktop environments.
• Select and implement appropriate data visualizations to aid user comprehension.
• Perform necessary data transformations in JavaScript/TypeScript for compatibility with APIs and UI libraries.
• Build or integrate basic web APIs for data retrieval and submission.
• Debug and resolve issues related to UI behavior or front‑end performance.
• Collaborate closely with backend engineers throughout the development lifecycle to ensure seamless integration.
• Web Development technology stacks to be used are:
  • Web Language: Javascript, HTML, CSS, PHP
  • Libraries: Vue 3, Bootstrap, Quasar, node.js
  • Database: SQL and MongoDB (noSQL)

Qualifications & Work Experience

Qualifications and work experience include:

• Bachelor Degree in Science, Technology, Engineering or Mathematics (STEM)
• At least 2 years of experience as Software Engineer, especially in Front‑end Web Development
• Experienced in front‑end web development language (HTML, CSS and JS/TS) and front‑end web frameworks.
• Experienced in using UI design and prototyping tools such as Figma
• Experienced in developing web development APIs in PHP or node.js
• Prior exposure in database query language on both SQL and noSQL
• Prior exposure using version control systems (Git) and containerization tools (Docker)

Technical Skills

Technical skills include:

• Programming, coding and software development skills
• Good aesthetic sense in user interface design. A portfolio of past designs will be appreciated.
• Proficient experience in web development language: HTML, CSS, PHP and Javascript/Typescript
• Familiarity with front‑end frameworks such as Angular / React / Vue and Bootstrap
• Familiarity in UI design and prototyping tools such as Figma
• Basic knowledge in query language on both SQL and noSQL is a plus
• Basic knowledge in version control systems (git) and containerization tools (Docker) is a plus

Generic Skills

• Professional working attitude, problem‑solving, critical thinking and communication skills
• Able to think independently and proactively propose solutions
• Strong inclination and eager for continual learning and development