David Matthew Quintana · Desarrollo web bilingüe

Bilingual, accessible, results-focused sites

I design and build web platforms that don't just look good—they solve real problems. Specialized in bilingual content (English/Spanish) and accessibility, I help local businesses connect with their community and project professional authority.

View projects Work together

Sitios bilingües, accesibles y enfocados en resultados

Diseño y construyo plataformas web que no solo se ven bien, sino que resuelven problemas reales. Especializado en contenido bilingüe (inglés/español) y accesibilidad, ayudo a negocios locales a conectar con su comunidad y proyectar autoridad profesional.

Ver proyectos Trabajemos juntos

Projects Skills Services Proyectos Habilidades Servicios

About me

I'm David Quintana, a community-focused developer, bilingual Notary Public in Colorado, and senior at MSU Denver in Health Care Information Systems.

As founder of Quintana Notary & Signing, I understand firsthand the challenges of running a small business. My approach combines technical precision with cultural sensitivity, allowing me to build sites that are both technically robust and emotionally resonant. My experience in healthcare systems and legal processes enables me to provide an extra layer of trust and structure in every project I undertake.

Sobre mí

Soy David Quintana, un desarrollador enfocado en el impacto comunitario, Notario Público bilingüe en Colorado y estudiante de último año en Health Care Information Systems en MSU Denver.

Como fundador de Quintana Notaría y Firmas, entiendo de primera mano los retos de gestionar un pequeño negocio. Mi enfoque combina la precisión técnica con la sensibilidad cultural, permitiéndome construir sitios que son técnicamente robustos y emocionalmente resonantes. Mi experiencia en sistemas de salud y trámites legales me permite ofrecer una capa extra de confianza y estructura en cada proyecto que emprendo.

Selected projects

Click a card to visit the live site or review the code on GitHub.

Proyectos seleccionados

Haz clic en una tarjeta para ver el sitio en vivo o revisar el código en GitHub.

Tienda Salvadoreña

Digital Preservation of a 30-Year Legacy

Digitized Denver's oldest Salvadoran grocery store with a focus on cultural identity.

Technical Achievement: Engineered a custom, object-oriented translation engine in Vanilla JavaScript using a dictionary-based key system. This system allows for instantaneous switching between English and Spanish without page reloads or external libraries. It features a robust "Critical Fix" architecture that handles nested data-attributes and ensures language persistence across a multi-page site through browser session management.
Impact: Digitized and preserved the online presence of Denver's oldest Salvadoran grocery store, a 30-year community pillar. By implementing a bilingual UX, the platform connects the older "diaspora" generation with younger English-dominant family members, effectively modernizing the business's reach while honoring its cultural heritage through nostalgic visual storytelling (Pollo Campero and Family History sections).
Stack: Vanilla JavaScript (ES6), HTML5 (Semantic & ARIA-compliant), CSS3 (Custom Variables, Flexbox, Grid), Google Maps API, and AI-assisted visual asset generation.

Tienda Salvadoreña

Preservación Digital de un Legado de 30 Años

Digitalicé el supermercado salvadoreño más antiguo de Denver con un enfoque en la identidad cultural.

Logro Técnico: Desarrollé un motor de traducción personalizado y orientado a objetos en JavaScript Vanilla usando un sistema de claves basado en diccionario. Este sistema permite cambiar instantáneamente entre inglés y español sin recargas de página o librerías externas. Cuenta con una arquitectura robusta de "Critical Fix" que maneja atributos de datos anidados y asegura la persistencia del idioma a través de múltiples páginas mediante gestión de sesión del navegador.
Impacto: Digitalicé y preservé la presencia en línea del supermercado salvadoreño más antiguo de Denver, un pilar comunitario de 30 años. Al implementar una UX bilingüe, la plataforma conecta a la generación mayor de la "diáspora" con familiares más jóvenes dominantes en inglés, modernizando efectivamente el alcance del negocio mientras honra su herencia cultural a través de narrativa visual nostálgica (secciones de Pollo Campero e Historia Familiar).
Stack: JavaScript Vanilla (ES6), HTML5 (Semántico y compatible con ARIA), CSS3 (Variables Personalizadas, Flexbox, Grid), API de Google Maps, y generación de activos visuales asistida por IA.

Live site Sitio en vivo 📋 Detailed case study 📋 Caso de estudio detallado Code on GitHub Código en GitHub

Quintana Notary & Signing

Legal Authority and Mobile Conversion

Active professional platform for bilingual notary services, designed to build trust and capture clients.

Technical Achievement: Developed a robust, state-persistent translation architecture that utilizes the LocalStorage API and the HTML lang attribute to synchronize language settings across a comprehensive 7-page service platform. Additionally, engineered a mobile-first "Action Bar" and a refactored CSS Grid system that transforms complex legal pricing tables into readable, stacked cards on mobile devices, ensuring accessibility for users in urgent legal situations.
Impact: Streamlined the accessibility of essential legal and notarial services for the bilingual community in the Denver Metro area. By integrating direct-action communication triggers (WhatsApp and click-to-call) and a transparent, multi-language FAQ section, the platform reduces client anxiety and significantly lowers the barrier for users needing certified translations or mobile notary services at their home or office.
Stack: Vanilla JavaScript (ES6), HTML5 (Semantic & SEO Optimized), CSS3 (Custom Properties & Responsive Refactoring), FontAwesome, LocalStorage API, and Google Maps integration.

Quintana Notary & Signing

Autoridad Legal y Conversión Móvil

Plataforma profesional activa para servicios notariales bilingües, diseñada para generar confianza y captar clientes.

Logro Técnico: Desarrollé una arquitectura de traducción robusta con persistencia de estado que utiliza la API LocalStorage y el atributo HTML lang para sincronizar configuraciones de idioma a través de una plataforma de servicios integral de 7 páginas. Adicionalmente, diseñé una "Barra de Acción" mobile-first y un sistema CSS Grid refactorizado que transforma tablas de precios legales complejas en tarjetas apiladas legibles en dispositivos móviles, asegurando accesibilidad para usuarios en situaciones legales urgentes.
Impacto: Simplifiqué el acceso a servicios legales y notariales esenciales para la comunidad bilingüe en el área metropolitana de Denver. Al integrar disparadores de comunicación de acción directa (WhatsApp y clic para llamar) y una sección de preguntas frecuentes transparente y multilingüe, la plataforma reduce la ansiedad del cliente y disminuye significativamente la barrera para usuarios que necesitan traducciones certificadas o servicios notariales móviles en su hogar u oficina.
Stack: JavaScript Vanilla (ES6), HTML5 (Semántico y Optimizado para SEO), CSS3 (Propiedades Personalizadas y Refactorización Responsiva), FontAwesome, API LocalStorage, e integración con Google Maps.

Live site Sitio en vivo 📋 Detailed case study 📋 Caso de estudio detallado Code on GitHub Código en GitHub

HTML/CSS/JS Exam Practice Quiz

Interactive Educational Assessment Tool

Comprehensive 75-question exam simulator with real-time feedback, visual progress tracking, and detailed explanations.

Technical Achievement: Advanced state management with array-based tracking, dynamic DOM manipulation, and smart code detection using regex patterns.
Impact: Self-paced learning platform with instant visual feedback, three-panel answer system (code snippets, console output, visual representation).
Stack: Vanilla JavaScript (ES6+), CSS Grid/Flexbox, HTML5, 700+ lines of modular code with zero dependencies.

Examen de Práctica HTML/CSS/JS

Herramienta Interactiva de Evaluación Educativa

Simulador de examen completo con 75 preguntas, retroalimentación en tiempo real, seguimiento visual de progreso y explicaciones detalladas.

Logro Técnico: Gestión avanzada de estado con seguimiento basado en arrays, manipulación dinámica del DOM y detección inteligente de código usando patrones regex.
Impacto: Plataforma de aprendizaje autoguiada con retroalimentación visual instantánea, sistema de respuestas de tres paneles (fragmentos de código, salida de consola, representación visual).
Stack: JavaScript Vanilla (ES6+), CSS Grid/Flexbox, HTML5, 700+ líneas de código modular sin dependencias externas.

Live site Sitio en vivo Code on GitHub Código en GitHub

Ayuda DMV & Quintana Notary

Bilingual Digital Hub for Government & Legal Services

A fully responsive, multi-page business platform designed to bridge the language gap for Colorado residents.

Technical Achievement: Engineered a lightweight, dependency-free Internationalization (i18n) system using Vanilla JS and DOM manipulation for instant, flicker-free language toggling.
Impact: Directly addresses accessibility barriers for the Spanish-speaking community by simplifying complex government workflows (DMV/Notary) through a dual-language interface.
Stack: Vanilla JavaScript (ES6+, IIFE Modules), Semantic HTML5, CSS3 (Variables, Flexbox, Grid), FontAwesome, LocalStorage API.

Ayuda DMV y Quintana Notary

Centro Digital Bilingüe para Servicios Gubernamentales y Legales

Una plataforma comercial multipágina y totalmente responsiva diseñada para cerrar la brecha lingüística de los residentes de Colorado.

Logro Técnico: Ingeniería de un sistema de Internacionalización (i18n) ligero y sin dependencias usando Vanilla JS, permitiendo cambios de idioma instantáneos y sin parpadeos.
Impacto: Aborda directamente las barreras de accesibilidad para la comunidad hispanohablante simplificando trámites gubernamentales complejos (DMV/Notaría) mediante una interfaz de doble idioma.
Stack: JavaScript Vanilla (ES6+, Módulos IIFE), HTML5 Semántico, CSS3 (Variables, Flexbox, Grid), FontAwesome, LocalStorage API.

Live site Sitio en vivo Code on GitHub Código en GitHub

Technical skills

Core competencies for building bilingual, accessible, and results-driven web experiences.

Frontend Development

HTML5 & Semantic Tagging: Building accessible, SEO-friendly markup with proper document structure and ARIA roles.
CSS3 (Grid, Flexbox, Custom Properties): Modern layout systems and design tokens for maintainable, responsive interfaces.
JavaScript (Vanilla ES6+, DOM API): Client-side interactivity, state management, and event-driven architecture without framework dependencies.
Responsive Web Design: Mobile-first layouts that adapt seamlessly across devices and screen sizes.

Design & Ethics

WCAG 2.1 AA Accessibility: Ensuring inclusive experiences for users with disabilities through semantic markup, keyboard navigation, and screen reader compatibility.
Bilingual UX/UI Architecture: Culturally-aware design that resonates with both English and Spanish-speaking audiences.
Mobile-First Methodology: Prioritizing performance and usability on smaller screens before scaling up.
Cultural Tone Alignment: Crafting messages that reflect community values and build trust across language barriers.

Tools & Systems

Git / GitHub: Version control, collaborative workflows, and code documentation for transparent development.
Information Systems (Health Care Focus): Understanding of data privacy, HIPAA compliance, and secure information handling from academic training.
Visual Studio Code: Modern development environment with extensions for linting, formatting, and productivity.
Legal & Notarial Standards: Professional experience with compliance, documentation accuracy, and client confidentiality in legal contexts.

Habilidades técnicas

Competencias fundamentales para construir experiencias web bilingües, accesibles y orientadas a resultados.

Desarrollo Frontend

HTML5 y Etiquetado Semántico: Construcción de marcado accesible y optimizado para SEO con estructura documental apropiada y roles ARIA.
CSS3 (Grid, Flexbox, Propiedades Personalizadas): Sistemas de diseño modernos y tokens de diseño para interfaces mantenibles y adaptables.
JavaScript (Vanilla ES6+, DOM API): Interactividad del lado del cliente, gestión de estado y arquitectura basada en eventos sin dependencias de frameworks.
Diseño Web Adaptable (Responsive): Layouts mobile-first que se adaptan perfectamente a todos los dispositivos y tamaños de pantalla.

Diseño y Ética

Accesibilidad WCAG 2.1 AA: Garantizando experiencias inclusivas para usuarios con discapacidades mediante marcado semántico, navegación por teclado y compatibilidad con lectores de pantalla.
Arquitectura UX/UI Bilingüe: Diseño culturalmente consciente que resuena tanto con audiencias de habla inglesa como española.
Metodología Mobile-First: Priorizando rendimiento y usabilidad en pantallas pequeñas antes de escalar.
Alineación de Tono Cultural: Elaborando mensajes que reflejan valores comunitarios y construyen confianza a través de barreras lingüísticas.

Herramientas y Sistemas

Git / GitHub: Control de versiones, flujos de trabajo colaborativos y documentación de código para desarrollo transparente.
Sistemas de Información (Enfoque en Salud): Comprensión de privacidad de datos, cumplimiento HIPAA y manejo seguro de información desde formación académica.
Visual Studio Code: Entorno de desarrollo moderno con extensiones para linting, formateo y productividad.
Estándares Legales y Notariales: Experiencia profesional con cumplimiento normativo, precisión en documentación y confidencialidad del cliente en contextos legales.

How I can help your business

Bilingual Local Presence

I don't just translate text; I design experiences that resonate with both English and Spanish speaking customers, doubling your potential reach.

Trust-Based Design

For service businesses (lawyers, medical, legal), trust is everything. I build professional sites that project authority and reliability from the first click.

Accessible Growth

I ensure your site is usable by everyone, including people with disabilities, which is not only ethical but improves your SEO and legal compliance.

Cómo puedo ayudar a tu negocio

Presencia Local Bilingüe

No solo traduzco texto; diseño experiencias que resuenan tanto con clientes que hablan inglés como español, duplicando tu alcance potencial.

Diseño Basado en Confianza

Para negocios de servicios (abogados, médicos, legales), la confianza lo es todo. Construyo sitios profesionales que proyectan autoridad y fiabilidad desde el primer clic.

Crecimiento Accesible

Me aseguro de que tu sitio sea usable para todos, incluyendo personas con discapacidades, lo cual no solo es ético, sino que mejora tu SEO y cumplimiento legal.

Contact

Have a project in mind or need bilingual consulting?

LinkedIn GitHub WhatsApp 303-500-4122 Email

Contacto

¿Tienes un proyecto en mente o necesitas asesoría bilingüe?

LinkedIn GitHub WhatsApp 303-500-4122 Correo