Catena

Frontend Engineer

Catena

full-time

Posted on:

Location Type: Remote

Location: Remote • 🇵🇭 Philippines

Visit company website
✨ AI Apply
Apply

Job Level

Junior

Tech Stack

AndroidAngularCypressiOSJavaScriptJestMobXNext.jsReactReact NativeReduxTypeScriptVue.js

About the role

  • Build and maintain sophisticated, responsive web applications using React.js, Next.js, Vue.js, or Angular
  • Translate Figma, Sketch, or Adobe XD designs into pixel-perfect, functional UI components
  • Develop complex frontend features with focus on user experience and interaction design
  • Create reusable, modular components following atomic design principles
  • Implement responsive designs that work seamlessly across devices and screen sizes
  • Build smooth animations, transitions, and micro-interactions enhancing user engagement
  • Ensure cross-browser compatibility (Chrome, Firefox, Safari, Edge) and resolve rendering issues
  • Develop mobile-first interfaces optimized for touch interactions and mobile viewports
  • Implement modern CSS techniques (Flexbox, Grid, CSS-in-JS, Tailwind CSS, styled-components)
  • Write semantic, accessible HTML5 markup following web standards
  • Optimize application performance ensuring fast load times and excellent Core Web Vitals
  • Reduce bundle sizes through code splitting, tree shaking, and lazy loading strategies
  • Implement performance monitoring and achieve excellent Lighthouse scores (90+ across metrics)
  • Optimize images, fonts, and assets for web delivery using modern formats (WebP, AVIF)
  • Implement caching strategies, service workers, and Progressive Web App (PWA) features
  • Profile and optimize JavaScript execution, rendering performance, and memory usage
  • Ensure SEO best practices including meta tags, structured data, and semantic markup
  • Implement server-side rendering (SSR) or static site generation (SSG) for performance and SEO
  • Optimize for mobile performance considering network conditions and device capabilities
  • Conduct performance audits and implement continuous optimization improvements
  • Build and maintain shared component libraries and design systems (Storybook, Bit)
  • Lead architecture improvements ensuring scalable, maintainable frontend codebases
  • Establish frontend coding standards, best practices, and style guides
  • Implement state management solutions (Redux, MobX, Zustand, Context API) appropriately
  • Create documentation for components, patterns, and architectural decisions
  • Ensure design system consistency across web and mobile platforms
  • Contribute to UI/UX pattern libraries and reusable template development
  • Refactor legacy code to modern standards and improve code quality
  • Implement comprehensive testing strategies (unit, integration, end-to-end, visual regression)
  • Write tests using Jest, React Testing Library, Cypress, Playwright, or Vitest
  • Conduct and participate in code reviews maintaining high code quality standards
  • Collaborate closely with designers ensuring design implementation fidelity
  • Partner with backend engineers on API integration and data flow architecture
  • Work with product managers to understand requirements and deliver elegant solutions
  • Implement analytics and tracking (Google Analytics, Mixpanel, Amplitude) for user insights
  • Debug complex issues using browser DevTools and performance profiling
  • Develop and optimize React Native mobile applications (when applicable)
  • Lead mobile architecture improvements and performance optimization
  • Implement mobile UI/UX principles following iOS and Android platform guidelines
  • Work with native modules and bridge functionality when needed
  • Drive mobile testing strategies and app store deployment processes
  • Optimize mobile app performance including bundle size and startup times
  • Implement deep linking, push notifications, and mobile-specific features
  • Collaborate on mobile CI/CD pipelines for automated testing and deployment

Requirements

  • Experience: 1-3+ years of professional frontend development experience with modern frameworks
  • React Expertise: Strong proficiency in React.js with deep understanding of hooks, component lifecycle, and patterns
  • Modern JavaScript: Advanced knowledge of ES6+, TypeScript, and modern JavaScript features
  • HTML/CSS Mastery: Expert-level HTML5 and CSS3 skills including responsive design and modern layout techniques
  • Framework Knowledge: Experience with Next.js, Vue.js, Angular, or similar modern frameworks
  • Responsive Design: Proven ability to build mobile-first, responsive interfaces across devices
  • Version Control: Proficiency with Git, GitHub/GitLab workflows, and collaborative development
  • Performance Focus: Track record of building high-performance applications with optimization mindset
  • Design Translation: Ability to translate design mockups (Figma, Sketch, Adobe XD) into functional code
  • Cross-Browser: Experience ensuring compatibility across major browsers and resolving issues
  • Communication: Excellent written and verbal English with strong collaboration skills
  • Quality Standards: Commitment to writing clean, maintainable, well-tested code.
Benefits
  • Competitive Salary: Based on experience and skills
  • Remote Work: Fully remote — work from anywhere
  • Generous PTO: In accordance with company policy
  • Direct Mentorship: Access to global industry leaders
  • Learning & Development: Continuous growth resources
  • Global Networking: Work with international teams
  • Health Coverage (Philippines only): HMO after 3 months (full-time)

Applicant Tracking System Keywords

Tip: use these terms in your resume and cover letter to boost ATS matches.

Hard skills
React.jsNext.jsVue.jsAngularJavaScriptTypeScriptHTML5CSS3ReduxJest
Soft skills
communicationcollaborationproblem-solvingattention to detailadaptabilitycreativitytime managementcritical thinkingleadershipdocumentation