Senior Front End Engineer

Show

Position: Senior Frontend Engineer
<\/span>Department: Technology<\/span><\/b><\/p>

Reports to: Lead Frontend Engineer<\/span>
Location: Westlands, Nairobi<\/span><\/b><\/p>

Direct Reports: None <\/span><\/b>
<\/p>

Others Reporting Indirectly: None
Job Type: Full\-Time, Permanent<\/span><\/b><\/p>

<\/span><\/b>
<\/p>

About the Role:<\/span><\/b>
<\/p>

<\/span><\/b>
<\/p>

As a Senior Front\-End Engineer, you will design and build high\-quality, responsive user interfaces, collaborating closely with design and backend teams to deliver exceptional user experiences. This role involves making key architectural decisions, mentoring junior engineers, and championing best practices for performance and maintainability.<\/span>
<\/p>

<\/span>
<\/p>

Key Measures of Performance:<\/span><\/b>
<\/p>

<\/span>
<\/p>

The performance of this role holder will be assessed on the basis of the achievements made on:<\/span><\/b>
<\/p>

Code Quality & Maintainability:<\/span><\/b>
<\/p>

§ <\/span><\/span><\/span>Code Churn:<\/span><\/b> % of code reverted/changed soon after commit. <\/span>
<\/p>

§ <\/span><\/span><\/span>Code Review Feedback: <\/span><\/b>High\-quality, constructive feedback.<\/span>
<\/p>

§ <\/span><\/span><\/span>Test Coverage:<\/span><\/b> % of codebase covered by automated tests. <\/span>
<\/p>

§ <\/span><\/span><\/span>Linting/Static Analysis Reports:<\/span><\/b> Number of warnings/errors from automated code analysis.<\/span>
<\/p>

Performance and User Experience<\/span><\/b>
<\/p>

§ <\/span><\/span><\/span>Core Web Vitals: <\/span><\/b>G<\/span>oogle's key web performance metrics.<\/span>
<\/p>

§ <\/span><\/span><\/span>Largest Contentful Paint (LCP):<\/span><\/b> Time for the largest visual element to load.<\/span>
<\/p>

§ <\/span><\/span><\/span>First Input Delay (FID) / Interaction to Next Paint (INP): <\/span><\/b>Time from user interaction to browser response.<\/span>
<\/p>

§ <\/span><\/span><\/span>Cumulative Layout Shift (CLS):<\/span><\/b> Measures page layout stability during loading.<\/span>
<\/p>

§ <\/span><\/span><\/span>Page Load Time & Rendering Speed:<\/span><\/b> Overall time for a page to load and become interactive.<\/span>
<\/p>

§ <\/span><\/span><\/span>Error Rate: <\/span><\/b>Percentage of user sessions with JavaScript errors.<\/span>
<\/p>

§ <\/span><\/span><\/span>Accessibility (WCAG) Compliance:<\/span><\/b> Adherence to web accessibility guidelines for users with disabilities.<\/span>
<\/p>

Project Delivery and Efficiency<\/span><\/b>
<\/p>

§ <\/span><\/span><\/span>Cycle Time: <\/span><\/b>Time from task start (e.g., first commit) to production deployment.<\/span>
<\/p>

§ <\/span><\/span><\/span>Deployment Frequency:<\/span><\/b> How often code is successfully deployed. <\/span>
<\/p>

§ <\/span><\/span><\/span>Lead Time for Changes: <\/span><\/b>Time from commit to deployment.<\/span>
<\/p>

§ <\/span><\/span><\/span>Change Failure Rate: Percentage of deployments failing.<\/span>
<\/p>

Leadership and Mentorship<\/span><\/b>
<\/p>

§ <\/span><\/span><\/span>Mentorship & Knowledge Sharing: <\/span><\/b>Measured by peer and 360\-degree feedback.<\/span>
<\/p>

§ <\/span><\/span><\/span>Architectural Contributions: <\/span><\/b>Quantified by significant codebase improvements.<\/span>
<\/p>

§ <\/span><\/span><\/span>Problem\-Solving & Unblocking: <\/span><\/b>Tracked via project tools and anecdotal feedback.<\/span>
<\/p>

§ <\/span><\/span><\/span>Documentation: <\/span><\/b>Assessed by quality and quantity of technical documentation.<\/span>
<\/p>

<\/span><\/b>
<\/p>

Organization Reporting Structure:<\/span><\/b>
<\/p>

<\/span><\/b>
<\/p>

<\/span> <\/span><\/b>
<\/p>

<\/span><\/b>
<\/p>

Key Responsibilities:<\/span><\/b>
<\/p>

§ <\/span><\/span><\/span>Design, develop, and maintain highly responsive, reusable, and scalable UI components and pages.<\/span>
<\/p>

§ <\/span><\/span><\/span>Collaborate with cross\-functional teams to translate requirements into high\-quality, user\-friendly interfaces.<\/span>
<\/p>

§ <\/span><\/span><\/span>Define and implement front\-end architecture, coding standards, and best practices.<\/span>
<\/p>

§ <\/span><\/span><\/span>Optimize applications for maximum speed, scalability, and accessibility.<\/span>
<\/p>

§ <\/span><\/span><\/span>Integrate front\-end solutions with RESTful APIs and other backend services.<\/span>
<\/p>

§ <\/span><\/span><\/span>Conduct code reviews, provide feedback, and mentor junior engineers.<\/span>
<\/p>

§ <\/span><\/span><\/span>Stay current with emerging front\-end technologies and industry trends to drive innovation.<\/span>
<\/p>

§ <\/span><\/span><\/span>Participate in planning sessions, contribute to technical design discussions, and help define project roadmaps.<\/span>
<\/p>

<\/p>

<\/div><\/span>
Requirements<\/h3>
Academic and Professional Qualifications:<\/span><\/b>
<\/p>
§ <\/span><\/span><\/span>A Bachelor\u2019s degree in computer sciences or any other related field<\/span>
<\/p>
§ <\/span><\/span><\/span>Experience with SSR/SSG frameworks (Next.js, Nuxt.js).<\/span>
<\/p>
§ <\/span><\/span><\/span>Familiarity with testing frameworks (Jest, React Testing Library, Cypress).<\/span>
<\/p>
§ <\/span><\/span><\/span>Experience with design systems and component libraries.<\/span>
<\/p>
§ <\/span><\/span><\/span>Understanding of DevOps practices and cloud platforms (AWS, GCP, or Azure).<\/span>
<\/p>
§ <\/span><\/span><\/span>Knowledge of performance profiling tools (Lighthouse, Web Vitals).<\/span>
<\/p>
<\/span><\/b>
<\/p>
Qualifications & Experience:<\/span><\/b>
<\/p>
<\/span><\/b>
<\/p>
§ <\/span><\/span><\/span>5+ years of professional front\-end development experience, including at least 2+ years in a senior or lead role.<\/span>
<\/p>
Technical Skills:<\/span><\/b>
<\/p>
§ <\/span><\/span><\/span>Strong proficiency in JavaScript (ES6+), TypeScript, HTML5, and CSS3.<\/span>
<\/p>
§ <\/span><\/span><\/span>Deep experience with modern front\-end frameworks (e.g., React, Vue, or Angular \u2014 React preferred).<\/span>
<\/p>
§ <\/span><\/span><\/span>Experience with state management libraries (e.g., Redux, Zustand, Recoil).<\/span>
<\/p>
§ <\/span><\/span><\/span>Familiarity with front\-end build tools and bundlers (Webpack, Vite, etc.).<\/span>
<\/p>
§ <\/span><\/span><\/span>Experience integrating front\-end code with APIs and backend services.<\/span>
<\/p>
§ <\/span><\/span><\/span>Understanding of accessibility (WCAG), performance optimization, and responsive design.<\/span>
<\/p>
§ <\/span><\/span><\/span>Proficiency with Git and modern CI/CD workflows.<\/span>
<\/p>
§ <\/span><\/span><\/span>Good understanding of SEO principles.<\/span>
<\/p>
§ <\/span><\/span><\/span>Good understanding in browser testing and debugging.<\/span>
<\/p>
Soft Skills:<\/span><\/b>
<\/p>
§ <\/span><\/span><\/span>Strong problem\-solving and debugging skills.<\/span>
<\/p>
§ <\/span><\/span><\/span>Excellent collaboration and communication abilities.<\/span>
<\/p>
§ <\/span><\/span><\/span>Ability to mentor and guide junior developers.<\/span>
<\/p>

<\/div><\/span>