Keen Francis

Keen Francis

AI Full Stack Engineer

I build accessible, pixel-perfect digital experiences for the web. Specializing in AI-powered applications, scalable architectures, and modern frontend development.

Scroll
— About

I'm a developer passionate about crafting accessible, pixel-perfect user interfaces that blend thoughtful design with robust engineering.

My favorite work lies at the intersection of design and development, creating experiences that not only look great but are meticulously built for performance and usability.

Currently, I'm a Senior Full-Stack & AI Engineer with 10+ years of experience designing and delivering scalable, high-performance web applications and AI-powered features. Extensive hands-on work across backend, frontend, data, and cloud.

I focus on clean architecture, reliability, and maintainability. Experienced in translating complex business requirements into technical solutions, collaborating closely with cross-functional teams in Agile environments.

— Experience
05/2023 — 06/2025

AI Full Stack Engineer · Preamble

Remote

  • Developed end to end AI powered applications with TypeScript/JavaScript (React, Next.js, Node.js) and Python (Flask, FastAPI), focusing on modular, maintainable architectures.
  • Implemented API layers and data pipelines to support AI workflows, ensuring reliability, observability, and security.
  • Optimized backend systems on AWS (EC2, S3, Lambda, SageMaker) by implementing caching strategies and compute resource tuning, enhancing performance and reducing load times by 30%.
  • Embedded OpenAI GPT models into core product features, delivering conversational AI, semantic search, and sentiment analysis capabilities.
  • Worked with DevOps engineers to standardize Docker images and Kubernetes configurations, enabling reproducible, horizontally scalable deployments.
  • Implemented A/B testing frameworks and monitored model performance with metrics and logs, iterating on prompt engineering and fine-tuning strategies to improve model outcomes by 20%.
  • Provided technical leadership through mentoring, pair programming, and structured code reviews, ensuring best practices and coding standards.
TypeScriptReactNext.jsPythonAWSOpenAIDockerKubernetes
02/2021 — 04/2023

Full Stack Developer · Helcim

Calgary

  • Developed frontend web app with a modular, component based architecture using React, Vue, AngularJS with TypeScript.
  • Implemented async workflows and data handling in React and Vue, enhancing the UI with Tailwind CSS and GSAP.
  • Designed and developed GraphQL APIs to enable reliable, schema-driven data exchange between distributed systems using JSON.
  • Improved app performance and UX by delivering responsive UIs and orchestrating deployments using AWS CDK.
  • Converted complex business requirements into clear technical specifications and interactive UI designs using React, Vue and Node.js.
  • Performed systematic testing and debugging to find and fix defects, while providing technical guidance and leadership to the team.
  • Used Jenkins to set up and manage CI pipelines, and tracked issues, defects, and progress using JIRA.
  • Authored and configured Dockerfiles to containerize microservices and used Kubernetes for CD.
ReactVueGraphQLTypeScriptTailwind CSSGSAPJenkinsDocker
06/2018 — 12/2020

Backend Developer · Cadeon

Calgary

  • Developed a real-time chat app using Node.js and Socket.io for instant, bidirectional communication.
  • Implemented interactive web pages and features using JavaScript and jQuery to enhance user engagement and client-side responsiveness.
  • Built responsive, cross browser frontend interfaces using HTML, CSS, SASS, JSP, and JavaScript.
  • Designed interactive prototypes, wireframes, and visual standards using W3.
  • Collaborated with business stakeholders to gather and refine requirements, ensuring the application aligned with evolving business needs.
  • Participated in code reviews, debugging, and performance tuning, contributing to higher code quality and maintainable frontend architecture.
  • Supported application enhancements and feature updates based on user feedback and business priorities.
Node.jsSocket.ioJavaScriptjQuerySASSMySQL
07/2015 — 05/2018

Frontend Developer · Arcurve

Calgary

  • Developed SPA with React Router to enable seamless client-side navigation and improved user experience.
  • Implemented modular, component based architectures using React as the view layer.
  • Designed and maintained reusable UI components, managing application state with Redux and the Context API.
  • Created a formatter wrapper API with Moment.js to standardize date, time, and number formatting across the application.
  • Used Webpack for module bundling and Babel for transpiling modern JavaScript and React code for browser compatibility.
  • Built the frontend and user interfaces for the AR/VR Works application using ES6, React, and Redux.
  • Collaborated with designers and backend engineers to integrate UI components with APIs, ensuring smooth data flow and responsive interfaces.
  • Followed frontend best practices including clean code, performance optimization, and accessibility standards.
ReactReduxES6WebpackBabelMoment.js
— Education
04/2015

Bachelor of Science

University of Calgary

Computer Science

Calgary, AB

— Skills

Languages

JavaScript (ES6+)TypeScriptPythonJava

Frontend

ReactNext.jsVueAngularTailwindMUISCSS

Backend

Node.jsExpressNestJSDjangoFlaskRESTGraphQL

Databases

PostgreSQLMySQLMongoDBDynamoDBFirebaseSupabase

Cloud & DevOps

AWSGCPAzureDockerGitHub ActionsJenkinsVercelCI/CD

AI/ML

OpenAIClaudeGeminiDeepSeekLangChainLangGraphSoraMidjourney

— Services

Project Catalog

Strategic consulting packages designed to accelerate your AI and integration initiatives with proven methodologies.

Integration Architecture Audit
EnterpriseAPI

Integration Architecture Audit

Multi-System Strategy & Roadmap

12 days
View details
AI Agent System Design
AIAgents

AI Agent System Design

Multi-Agent Architecture & Orchestration

14 days
View details
LLM Integration Blueprint
LLMAPI

LLM Integration Blueprint

ChatGPT, Claude, Gemini API Strategy

8 days
$4,800
View details
MCP Integration Plan
MCPClaude

MCP Integration Plan

Model Context Protocol for Enterprise AI

12 days
$6,500
View details
Automation Audit
AutomationMake.com

Automation Audit

Identify & Prioritize Process Automation Wins

7 days
View details
ClickUp Workspace Audit
ClickUpAI-Powered

ClickUp Workspace Audit

AI-Powered Analysis & Optimization Plan

48 hours
$500
View details
CRM Selection Consulting
CRMMigration

CRM Selection Consulting

Find the Right CRM & Migration Plan

7 days
View details
AI Automation Strategy
AIStrategy

AI Automation Strategy

Custom Roadmap, ROI Model & Tech Stack

8 days
View details
Voice AI Strategy
Voice AIVapi

Voice AI Strategy

Transform Phone Operations with AI Agents

10 days
View details
Vapi Tark AI Voice
VapiVoice AI

Vapi Tark AI Voice

AI Calls That Sound Human, Work Like Magic

3 phases
View details
Vapi AI Consultation
VapiConsultation

Vapi AI Consultation

Transforming Phone Operations with Human-Like AI

1 session
View details
— Contact

Let's work together

If you would like to discuss a project or just say hi, I'm always down to chat.

Built with v0