We are looking for a Senior Frontend Engineer to craft a polished, responsive React frontend for the Article 6 Participation Tech Services MVP, a web application streamlining carbon credit submissions under Article 6 regulations. This role will lead the implementation of the Design Requirements Document (DRD), building intuitive, WCAG 2.1 AA-compliant interfaces (e.g., dashboards, forms, notifications tray) that integrate seamlessly with a Node.js backend developed by a Senior Full-Stack Engineer. Your work will ensure a demo-ready UI/UX that meets government standards and delights stakeholders.
Responsibilities
● Lead the development of a React (v18+) frontend with Tailwind CSS (v3+), implementing DRD layouts (e.g., 400px auth cards, 600px content areas, 200px sidebar) and states (e.g., Empty, Populated, Error) with pixel-perfect accuracy.
● Build role-based dashboards (Applicant, Reviewer, Approver, Admin) with dynamic sidebar tabs (e.g., “Submissions,” “Review”), collapsing to a hamburger menu below 600px, and status badges (e.g., Draft=Blue HEX #007BFF, Approved=Green HEX #28A745).
● Create interactive forms with autosave (every 30s), real-time validation (green/red outlines), and file uploads (2 files, 25MB total), adhering to WCAG 2.1 AA accessibility and government branding (e.g., green HEX #28A745, gray HEX #6C757D).
● Implement the notifications tray (300px wide, slide-in from top-right) with clickable events (e.g., “Submission [ID] approved”) and email status indicators, per PRD event triggers.
● Integrate with Node.js/Express APIs to fetch and display submission data, user roles, and stats, handling errors gracefully (e.g., red banners for autosave failures) and optimizing for <2s load times.
● Use html2pdf.js to generate client-side PDFs (LoN/LoA) on approval, ensuring compatibility with Replit and smooth download UX (e.g., 2s fade-out success state).
● Develop reusable components (e.g., sortable tables, modals) with hover states (light gray HEX #E9ECEF) and overdue flags (orange HEX #FD7E14, red ! icon), enhancing UI consistency.
● Write unit tests (Jest, React Testing Library) for critical components (e.g., form validation, queue sorting) and collaborate with the Senior Full-Stack Engineer on integration testing.
● Optimize frontend performance using lazy loading, memoization, and caching, ensuring a seamless experience on Replit’s constraints.
Required Skills and Experience
● Experience: 6+ years of frontend development, with 4+ years leading React-based UI/UX projects in production.
● Languages/Frameworks: Expert proficiency in JavaScript (ES6+), React (v18+), and Tailwind CSS (v3+); experience with Node.js for integration context.
● UI/UX: 4+ years translating detailed design specs (e.g., DRD) into responsive, accessible interfaces, with deep expertise in WCAG 2.1 AA compliance.
● API Integration: 3+ years consuming RESTful APIs in React, managing async data with Axios/Fetch and state via Redux or Context API.
● Components: 4+ years building reusable, testable React components with real-time features (e.g., autosave, validation) using hooks and modern practices.
● Testing: 3+ years writing unit tests (Jest, React Testing Library) for UI reliability, covering interactions and edge cases (e.g., file upload limits).
● Performance: Proven ability to optimize frontend performance (<2s loads) with techniques like lazy loading, memoization, and browser caching.
● Leadership: Experience mentoring peers and collaborating with backend engineers and designers in Agile teams using Git (GitHub/GitLab).
Preferred Skills
● Expertise with html2pdf.js or client-side PDF generation.
● Familiarity with Replit deployment and its frontend limitations.
● Knowledge of government UI standards (e.g., branding, accessibility).
● Experience with real-time UI updates (e.g., WebSockets) or notification systems.
Qualifications
● Bachelor’s degree in Computer Science, Engineering, or related field (or equivalent experience).
● Passion for crafting intuitive, high-quality user experiences with attention to detail.
Excellent communication skills to align with backend and product teams.
Job Type: Full-time
Work Location: In person
Application Deadline: 06/05/2025