Senior Full Stack Engineer

This range is provided by Knox Systems, Inc.. Your actual pay will be based on your skills and experience — talk with your recruiter to learn more.

$/yr - $/yr

Direct message the job poster from Knox Systems, Inc.

Reports To: Senior Engineering Manager / Director of Engineering

Location: Hybrid: MA, NC, NY

Classification: Full‑Time, Exempt

Hiring Requirement: Due to the nature of our work with federal government clients and compliance with applicable regulations, this position requires U.S. citizenship. Dual citizenship is not permitted for this role. Candidates must be able to provide documentation verifying sole U.S. citizenship status as part of the background check process.

Focus: Own Frontend (Admin + App), Support Backend When Needed

You’ll own KnoxAI’s entire frontend experience across two Nuxt 3 applications: the Admin interface (for Knox employees managing customer assessments) and the App interface (for customers and federal agencies reviewing findings and compliance posture). Your work will transform complex compliance data into intuitive, actionable interfaces that guide users through the FedRAMP authorization process.

This role is perfect for a frontend specialist who wants full ownership of the user experience while occasionally diving into backend work to unblock features or improve API design. You’ll work closely with the backend engineer and engineering manager to deliver a cohesive, polished product.

• Admin Application: Build and maintain administrative workflows for Knox employees, including customer/boundary management, team administration, user roles/permissions, agent configuration (AI models, knowledge bases, MCP tools), repository analysis results, findings management, and POA&M tracking.
• App Application: Build and maintain customer-facing interfaces: compliance calendar, real‑time findings, resources, POA&Ms with search/filter/export, risk posture dashboards, KSI status visualizations, chat interface for AI‑assisted compliance questions, and demo mode styled with the _fe design system.
• Component Library: Build reusable shadcn‑based components following design system patterns from the _fe project (Next.js/React reference implementation).
• State Management: Architect Pinia stores for complex state (users, teams, findings, compliance data, chat threads).
• Forms & Validation: Implement Vee Validate + Zod schemas for all data entry with clear error messaging.
• Data Tables: Build Tan Stack Table implementations with filtering, sorting, pagination, bulk actions, and Excel export.
• Type Script Client Generation: Maintain OpenAPI‑to‑Type Script pipeline using @hey‑api/openapi‑ts; provide feedback to backend on API usability.
• Backend
  
  Collaboration:
  
  Propose API changes to improve frontend performance (e.g., aggregated endpoints, Graph
  
  QL consideration).
• NestJS Contributions (20‑30%): Implement simple CRUD endpoints, add DTOs, extend controllers when unblocking frontend features.
• Authentication Flows: Maintain AWS ALB + Cognito integration, Okta SAML flows, JWT parsing and user context management.
• Responsive Design: Ensure all interfaces work seamlessly on desktop, tablet, and mobile.
• Performance Optimization: Lazy loading, code splitting, image optimization, debouncing, virtual scrolling for large lists.
• Accessibility: Follow WCAG 2.1 AA standards (keyboard navigation, ARIA labels, color contrast).
• Error Handling: Graceful error states, retry mechanisms, offline indicators, loading skeletons.
• Real‑Time Updates: Web Socket integration for live compliance job progress and chat streaming.
• Component Testing: Vitest tests for all critical components, composables, and stores (>80% coverage).
• Integration Testing: Test user flows end‑to‑end with @nuxt/test‑utils.
• Visual Regression: Maintain screenshot tests for critical UI states.
• Documentation: Write clear component usage docs, maintain Storybook (if adopted), document complex state flows.

• Fundamental Frontend Expertise: Vue 3 Composition API + Nuxt 3, Type Script (advanced types, generics, strict mode), Tailwind CSS,…