Kevin Gomes

Software Engineer / Songwriter

Specializing in UI/UX, REST APIs, Platform Engineering, Agentic AI and Test Automation.


Architectures

Form Builder Library

The Form Builder Library is a modular, extensible solution designed to streamline the creation and management of dynamic forms for multi-tenant SaaS platforms. Its architecture enables rapid development, robust validation, and flexible configuration, empowering both developers and business users to define complex forms and business logic with minimal code changes.

The form builder supports 42 form fields, 4 form layouts, grouping of fields, dynamic field visibility and validation using a custom-built Business Rules Engine. It also incorporates RBAC (Role-Based Access Control) to ensure that only authorized users can access and modify specific forms, enhancing security and compliance.

  • ReactJs
  • TypeScript
  • Tailwind CSS

Streaming AI Chat

A real-time conversational AI interface that acts as a music portfolio assistant, answering questions about Kevin's music discography using a curated knowledge base powered by Anthropic's Claude API.

Features token-by-token streaming responses, inline YouTube video embeds, starter prompts, and markdown rendering — all built with the Vercel AI SDK and Next.js API routes.

  • Next.js
  • TypeScript
  • Vercel AI SDK
  • Anthropic Claude
  • react-markdown

Playwright Test Automation

A complete end-to-end testing pipeline built around a real React + Vite dashboard. Tests are authored conversationally with Claude Code driving a real browser via the playwright-cli skill, and run against a deterministic mock data layer that uses a seeded RNG so charts and traces produce identical values every render — eliminating fixture flake without test-only attributes.

Two reporters run in parallel: Playwright's built-in HTML report (for the interactive trace viewer) and Allure for severity grouping, behavior-driven navigation, and trend history. GitHub Actions runs the suite on every push, generates the Allure report with merged history from the gh-pages branch, and publishes a fully-static site on every merge to main. The live report is at kevingomes17.github.io/dashboard-and-playwright.

  • Playwright
  • Allure
  • TypeScript
  • GitHub Actions
  • GitHub Pages
  • Claude Code
  • Vite + React