At Directive, one of our core values is People First. We’re committed to fostering a more diverse and inclusive culture in the digital landscape. All qualified applicants will receive consideration for employment without regard to race, color, religion, gender, gender identity or expression, sexual orientation, national origin, genetics, disability, age, or veteran status.
AI Web Developer
Location
Canada
Posted
77 days ago
Salary
0
Seniority
Senior
Job Description
AI Web Developer
Directive
• Own and evolve the web surfaces that power Directive: the internal strategist portal, the external client portal, the reporting builder, campaign management tools, admin and portfolio surfaces, and the company marketing site • Build and maintain the ads and campaign management UI on top of third-party ad APIs, including campaign builders, bulk edit flows, audience and budget management, and creative tooling • Build and maintain data metrics views and dashboards backed by BigQuery, MySQL and Postgres including widget components, chart rendering, and the queries that drive them • Manage containerization via Docker and AWS infrastructure, overseeing EC2 deployments and DevOps pipelines with a focus on reliable delivery and automation. • Manage GitHub Actions and automated CI/CD pipelines; ensures reliable iteration within staging and seamless delivery to production • Design and optimize relational database schemas and data structures • Maintain highly-available and scalable architectures; oversees Nginx setups, load balancing, and secure infrastructure to ensure system resilience • Own the reporting UI end-to-end: report list, create, details, template management, PDF export, drag-and-drop widget reorder, and widget-level date overrides • Own the admin and portfolio surfaces: client CRUD, user management, OAuth flows, CRM integration configuration, and alerting • Own the background and integration layer: queue-based sync jobs, CRM sync (Salesforce, HubSpot), ad platform integrations (LinkedIn, Google Ads, Meta), data pipelines, auth and sessions, logging, and error tracking • Partner on the AI-facing UI layer: surface LLM outputs, streaming responses, tool runs, and agent conversations cleanly, with clear states for loading, error, and partial results • Use AI coding tools (Claude Code, Cursor, Copilot) as a daily accelerator to scaffold, iterate, and refactor production React/TypeScript, with strong review instincts so AI-generated code meets our bar • Translate Figma mockups and loose specs into production-ready components, owning design system usage, accessibility (WCAG), and performance • Handle auth, RBAC, and safe data exposure patterns (row-level security, parameterized queries, least-privilege keys) on the web tier • Add telemetry and error tracking so issues are detected and diagnosed before clients see them, and product decisions are backed by data • Absorb ownership of modules from our outgoing agency partner: review existing code, document patterns, stabilize rough edges, and evolve them inside our internal roadmap • Ship, support, and iterate: fix bugs, improve performance, reduce load times, and evolve UX based on real usage • Document components, patterns, and trade-offs so the team can build on top of your work
Job Requirements
- Experience: 3+ years of professional web development with production ownership of user-facing applications.
- Frontend: Strong in React and TypeScript; comfortable with modern frameworks (Next.js, Remix, or similar); fluent in component design, state management, and performance profiling
- Full-Stack Range: Owns the backend glue as well as the UI: API routes, serverless functions, auth flows, database queries, background jobs
- AI-Assisted Development: Uses Claude Code, Cursor, Copilot, or equivalent as a daily tool to accelerate real frontend engineering. You ship production React/TypeScript, not platform-locked low-code output. You know how to prompt, review, and refactor AI-generated code without shipping AI-generated bugs
- LLM Integration: Experience wiring LLM APIs (Anthropic, OpenAI, Google) into web apps: streaming, tool/function calling, structured outputs, timeouts, retries, guardrails
- Data & SQL: Comfortable querying MySQL, Postgres and BigQuery; can shape data for UI consumption and validate results
- Advanced SQL & Query Layer: Mastery of Knex and MySQL to architect high-performance, scalable data structures and queries
- Relational & Real-time Data: Proficient in MySQL, Postgres, and Supabase (or equivalent); deeply understands RLS, storage, edge functions, and real-time subscription patterns
- APIs & Integrations: REST/GraphQL, OAuth2/OIDC/JWT, webhooks, pagination, rate limits, idempotency; comfortable integrating with HubSpot, Salesforce, LinkedIn Ads, Google Ads, GA4, or equivalent
- Background Jobs: Familiar with queue-based systems (BullMQ, SQS, or similar) for sync jobs, scheduled tasks, and long-running work
- Cloud Delivery: Ships to managed platforms (GCP or AWS) with CI/CD and observability in place
- Design Sensibility: Takes a Figma file or a rough sketch and produces a polished, on-brand, accessible UI without a designer holding your hand
- Ownership & Communication: Operates well with imperfect specs and inherited code. Asks the right questions, ships iteratively, and drives outcomes
Related Guides
Related Job Pages
More Frontend Engineer Jobs
Web Developer, m/f/d
DMC Digital Maut ConsultingWe make buying digital road tolls in europe easy for everyone.
• Further development and maintenance of our Laravel web applications (PHP 8) • Implementation of new features and continuous improvement of existing functionality • Integration of external APIs and services • Participation in technical decisions regarding architecture, maintainability and performance • Working with GitHub, pull requests and structured code reviews • Use of AI tools (Cursor, Copilot, AI reviews) to speed up development and ensure quality • Close collaboration with product management and other developers
Full Stack Engineer, Typescript
JetBridge AIWe test the best engineers in the World (AI/ML/Data/CRUD) with the industry's leading PPI (Pair Programming Interview).
• Build end-to-end features using TypeScript across the entire stack (Next.js/React and Node.js) • Design and optimize SQL schemas to handle complex, highly structured medical data • Create reusable components and APIs for third-party developers • Streamline CI/CD or integrate AI workflows to enhance platform capabilities • Ensure platform performance and reliability as data volume grows
• Architect, develop, and maintain Django REST APIs for authentication, telemetry ingestion, alert correlation, incident management, task automation, and reporting. • Design and optimize PostgreSQL schemas for large datasets with caching and indexing strategies for performance. • Integrate external security and compliance APIs, including SIEM, EDR, cloud security centers, email security gateways, and vulnerability scanners. • Build and manage React/Next.js front-end applications for SOC dashboards, alert triage panels, compliance matrices, and AI-generated audit reports. • Implement security-by-design principles, including secrets management, role-based access, input validation, rate limiting, and secure session handling. • Build and maintain CI/CD pipelines in Azure DevOps/GitHub Actions with automated tests, code quality checks, blue-green deployments, and release management workflows. • Collaborate with AI/ML engineers to integrate model endpoints for anomaly detection, risk scoring, and NLP-based evidence classification. • Define coding standards and peer review processes to maintain engineering quality across the team. • Mentor junior engineers and support cross-functional teams through technical design reviews and documentation.
• Build and ship features for dailymotion.com • Collaborate closely with designers • Own the visual and interactive quality of the product • Contribute to bug fixes and performance optimizations • Work on backend services and APIs when needed • Use AI tools to improve workflows
