Front End Engineer (6 months contract) #dl

Job Description:

. Responsibilities include Modernizing and enhancing the visual presentation of existing UI components to adapt to anew design system.

The work will involve:

. Component Migration: Replacing existing UI components with modern, standardized components. This includes identifying suitable replacements and implementing the necessary code changes within the existing templating system.
. Component Customization: Modifying and styling existing components to align with specific visual design specifications. This involves applying visual adjustments like colors, fonts, and spacing, using a system of design tokens and the established styling mechanisms.
. Custom Component Development: Creating new, custom UI components where standard components do not fully meet the project's needs. These components will be developed to align with the overall design system's principles, and may include code written in TypeScript and TSX.
. Design Token Integration: Implementing and utilizing design tokens to ensure consistent styling and maintainability across the UI.
. Code Quality:

Writing well-structured, maintainable code.

Ensuring code is properly tested.

Adhering to established best practices for the development environment.
. Collaboration:

Active collaboration with the UX Engineer and Design team to understand requirements.

Participating in code reviews with a broader Engineering team.

Documenting implemented changes.

Required Skills

. 5 years of experience in front-end development, technical UX design.
. Templating Language: Strong experience with a templating language (previous Google experience with Jslayout/Wiz is a plus ).
. UI Development: Experience developing user interfaces using html/css/js without relying on framework
. Styling: Proficiency with CSS and SaSS
. Design Tokens: Understanding and experience using design tokens.
. TypeScript & TSX: Experience with TypeScript and TSX for UI development.
. Web Development Best Practices: Familiarity with established coding standards.
. Testing: Experience with unit and UI testing.
. Collaboration: Ability to communicate and collaborate with team members.
. Documentation: Ability to document code and design decisions-Expected Outcome
. Updated UI Components: Functional replacements of older components with modern alternatives, integrated into the existing UI and or as standalone testable components.
. Styled Components: Modified components that match the specified visual design, including visual adjustments, using design tokens.
. Custom UI Components: New components developed to satisfy specific project requirements, potentially using TypeScript and TSX, with documentation and tests.
. Design Token Implementation: Code changes to integrate and use design tokens across the UI.

What you need to do now

If you're interested in this role, click apply now to forward an up-to-date copy of your CV, or call Denise at Hays on +65 9611 0531 or email [Confidential Information] for a confidential discussion.

Referrals are welcome.

EA Reg Number: R21103035

EA License Number: 07C3924 | Company Registration No: 200609504D