JC Viau

// SNAF.FOO — MY SANDBOX OF FUN

Portrait of JC

Jean-Christophe Viau a.k.a. JC

AI Integration & Web Development Specialist

25+ years of experience in IT and the Web, now focused on modern web development and agentic coding.

My career evolved around the web, from migration projects to CMS development, SEO, analytics, data and advertising in diverse industries such as media, finance, insurance. I now focus on AI integration and agentic coding, helping companies leverage the power of AI in their applications and workflows.

Also a dad passionate about music, camping and food — just to name a few. Pretty much anything in life is fair game to geek out over.

Let's build your AI transformation.

GitHub → LinkedIn → See projects ↓ CV ↓

// STACK OF FUN

  1. PHP
  2. Python
  3. Node.js
  4. JavaScript
  5. TypeScript
  6. React
  7. Astro
  8. Next.js
  9. CSS
  10. Tailwind
  11. Figma
  12. Claude Code
  13. MCP
  14. OpenAI
  15. Codex
  16. Ollama
  17. LM Studio
  18. Linux
  19. n8n
  20. AudioCraft
  21. ComfyUI
  22. Godot
  23. Generative AI
  24. Agentic Coding
  25. AI Orchestration
  26. Knowledge Graph
  27. SQL
  28. Vector DB
  29. PostgreSQL
  30. Supabase
  31. Jinja
  32. htmx
  33. Wordpress
  34. Joomla
  35. Drupal

// THE DEVELOPER IN THE MIDDLE

I speak marketing, design, infrastructure and code

Front-end and SEO first, full-stack when the project needs it. Most of my value is in the room — turning what marketing, design and data teams want into something that ships and keeps working.

// WITH MARKETING

Measurable by design

  • Building to drive your campaign goals, not just to look good
  • Technical and semantic SEO baked in, not patched
  • Customer-journey and intent analysis; consent (CMP, Law 25 / GDPR) done right
  • Years of advertising work in the Google ecosystem: creating custom interactive banners with engaging behaviour, built for performance

// WITH DESIGN

From concept to results

  • I read design intent and turn it into reusable, maintainable components
  • UI/UX thinking — fewer steps, clearer journeys
  • Theming, design systems, component libraries, pattern libraries
  • Figma-to-code, Responsive, WCAG-accessible, cross-browser, cross-device

// WITH DATA

Getting the right data and making it useful

  • Realtime dashboards: state management, structured views of complex data
  • Data acquisition and visualization for clients, not just developers
  • DataLayer architecture, GTM, GA, Segments — tracking built to answer real business questions

// WITH INFRASTRUCTURE

Scale with your needs

  • Pick the right stack, your goals don't have to fight the platform
  • Containerized, cloud-ready, CI/CD pipelines, automated deployments
  • Monitoring, logging, alerting, and observability for production systems

// AI LEAP FORWARD

My centre of gravity has shifted from traditional web development to AI integration and agentic coding. With my extensive experience across multiple domains, my deep understanding of web development I can tackle any project.

// PLATFORMS I'VE WORKED ON

  • Drupal
  • WordPress
  • Joomla
  • Magnolia
  • AEM
  • Salesforce
  • React
  • AngularJS
  • Next.js
  • AWS
  • GCP
  • Webflow
  • Shopify
  • Magento
  • HubSpot

// WHAT I BRING

How I can help

25+ years in IT and the web, now pointed at practical AI integration.

Modern front-end

Modern interfaces, reusable components and scalable front-end architectures (React, TypeScript, Next.js, Astro, HTMX).

Data & visualization

Acquisition of complex data — structured DataLayers, dashboards, and views clients can actually read.

AI needs assessment

Finding where AI and automation genuinely pay off in your team and workflows — and where they don’t.

Custom AI workflows

Content, image and audio generation pipelines, agents and automations (n8n, MCP, ComfyUI).

AI in your CMS / platform

Chatbots, content generation, MCP, personalization and AEO added to the website you already run.

Team training

Hands-on training so your people use AI tools confidently and safely.

// SIDE QUESTS

Sites, Projects and Experiments

A few things I built on my own time. Some are just for fun, some are experiments, and some are in production.

OpenFeeder

MIT · Python · v1.1

An open standard for websites to expose their content natively to LLMs: a clean JSON endpoint at /.well-known/openfeeder.json instead of 200KB of HTML to scrape. Adapters for WordPress, Drupal and Joomla, plus a universal sidecar. Payloads measured ~18× smaller than raw HTML.

Sketchy News

Astro · Claude · ComfyUI · n8n

A daily satirical-comic feed where real headlines become deadpan doodles, fully automated with an LLM, an image model and n8n. Just for fun, and the first site running OpenFeeder in production.

Voxyflow

AGPL-3.0 · Python + React · archived experiment

A self-hosted AI workspace I built when the tools didn't yet handle project memory, orchestration and background workers: knowledge graph, kanban, RAG, scheduled jobs. Today those tools do it natively, so I use them instead. Kept online for the history and the lessons.

More small experiments, like a local semantic embedding service for memory search, live on GitHub.

@jcviau81 →

// EXPERIENCE

Where I've worked

From sysadmin work to front-end, CMS migrations and now AI integration.

  1. 2025 – 2026

    Web & AI Developer

    WeAreFound

    • WordPress site maintenance and development, SEO optimization
    • Blog migration from Webflow to WordPress
    • Generative AI pipelines and automated workflows
    • Agentic coding and orchestration

  2. 2020 – 2025

    Front-end Developer & UX/UI

    Croix-Bleue Québec

    • Generative AI pipelines for content SEO optimization, content classification and metadata generation.
    • Salesforce agent / customer journey optimization — grouped fields, fewer steps, faster acquisition.
    • Lead on the CMP integration for Québec’s Law 25 privacy rollout; educated teams and partners on data-collection constraints (GDPR background).
    • Lead on the Joomla → Magnolia migration: feature-gap analysis and maintainable components.
    • Complex DataLayer integration (GTM, Analytics, Segments) to understand customer intent and journeys.

  3. 2018 – 2020

    Front-end Developer

    M32 Connect

    • Custom interactive banners in JavaScript — less dependence on external platforms and full control on content and data.
    • Dashboard SPA (React, hooks, state management) for client data visualization.
    • Wordpress development: streaming-radio plugin with built-in ads and themes tuned for monetisation and performance.

  4. 2017 – 2018

    Drupal Developer

    R3D / Cogeco

    • Drupal front-end and back-end: plan comparison tool, full theme, streamlined editing interfaces.

  5. 2017

    Lead — Development, SEO & project management (WordPress)

    Combustible

    • Client requirements to delivered solutions; managed developers, designers, SEO experts and campaign managers.

  6. 2014 – 2017

    Front-end Developer

    TC Média

    • Front-end lead on the Publisac digital-flyer platform (HTML5, CSS3, AngularJS).
    • WordPress and AEM sites for the network’s local newspapers.

  7. 2014

    Development Consultant

    Mobilogie / C2MTL / TechSolCom

    • Museum mobile web app with QR codes (PHP, jQuery, Semantic UI); WordPress front/back-end.

  8. 1998 – 2013

    Web Development & Infrastructure

    TVA Interactif · Nexio Technologies · Desjardins · BDC · various clients

    • TVA: Yoopa Channel site migration and Drupal modules (TV schedules, sports results, Olympics results).
    • Desjardins: finance & insurance client-site migration (Java, 2,000+ pages).
    • BDC: intranet/extranet portal migration (.NET, SharePoint, 5,000+ pages).
    • Nexio: websites, web apps and Amazon EC2 cloud infrastructure.
    • Web hosting: Windows and Linux server administration and user support (1998–2007).

// SELECTED WORK

Selected past work

A small sample from 100+ sites. Some might have since been updated or moved to other platforms.

// EDUCATION

IT Support & Network Administration

Collège d'administration et du commerce · 1998 – 1999

Continuing education in AI / ML

Self-taught · 2022 – 2026 · LLMs, Stable Diffusion, generative pipelines, Claude, OpenAI, agentic coding, Ollama

// RÉSUMÉ

Full details in my CV — available in English and French.

CV (EN) ↓ CV (FR) ↓