Front-End Developer / Engineer

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)

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 include:

• 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