Especialista en frontend,amigo del backend del No-Code y otras tecnologías.
Infografías interactivas y solución tecnológica
Reproducción automática y configuración de audio con React
Los vídeos se reproducen de manera automática al recibir el enfoque de atención. Si el audio se activa en un video, permanece activado para todos los demás vídeos.
Módulo para scrollytelling horizontal desarrollado con React y GSAP
Desarrollo de módulo interactivo con drag and drop y API de vídeo con React
FrontEnd Developer
Infografía Diputados
Desarrollo de componentes web de filtro de datos
Tecnologías: ReactJs, TypeScript, HMTL, CSS
Panel de datos
Actualización de los módulos que muestran los datos en las elecciones generales
Tecnologías: Javascript, NodeJS, HTML, CSS
Plugin Socios para sitio web de AES
Componente desarrollado en React para mostrar las empresas y profesionales asociados.
Sitio web BergMedical
Sitio desarrollado en React con el framework NextJS alojado en los servidores de Vercel.
Dashboard GlocalHack
Un sistema de dashboard para mostrar los proyectos ganadores elegidos en un canal de Slack.
Tecnologías: ReactJs, NextJs, TypeScript, Api Slack
Wheater App
Prototipo de aplicación que muestra el estado del clima en algunas ciudades del mundo. Los datos y el estado general de la aplicación está gestionado con Redux. Redux Tunks para la gestión de estado asíncrono. La librería de gráficos usada es Recharts. React Router para gestionar las rutas.
Tecnologías: ReactJs, Redux
BeforGet Sonrisa
Mini app donde tu sonrisa interactua con un video
Tecnologías: VueJs, Jeeliz
Experiencia internacional en
consultoría, marketing y publicidad
Santiago de Chile, Madrid y Barcelona
WordPress Developer
Plataforma Citizens Immigration
Desarrollo de plataforma web permite al usuario auto-armar su caso, subiendo la información y documentos personales, guiado por tutoriales y contenido extra.
Personalización de reglas para privacidad y seguridad de los datos y documentos personales de los usuarios, con funcionalidades extras de WordPress y Learndash utilizando los hooks de cada una de las tecnologías.
Automatización de procesos con Make.com.
Sitio web AES
Desarrollo del sitio web de la asociación.
Proyecto que se baso en el redisño y desarrollo de una nuevo sitio web auto adminstrable. Para eso en la primera etapa se trabajó en la UX prototpando un Wirefram basando en la información que tiene actualmente en linea. Para esta etapa usamos justinmind una muy buena herraminta para crar Wireframe. Luego el diseño lo hicieron con Figma para trabajar con WordPress y su mejor plantilla NoCode que es Divi y Divi Builder.
La Cabrera.eco
Sitio web desarrollado como plataforma para dar a conocer los servicios y productos que tiene LaCabrera.eco para fomentar y dinamizar la economía local de los pueblos y promover la sostenibilidad de comunidades locales .
Plataformas de comunidad Beforget
Mi colaboriación con Beforget en este proyecto fue la implemetación de algunas funcionalidades que el negocio necesitaba: Conexión con la API de Slack. Pagina de Filtrado de categorías y términos. Personalización del dashboard de usuario.
baúl dev…
Ya no me vienen con cuentos
Campaña de publicidad.
Familia Costa
Prototipo de sitio web
Reutiliza
Prototipo de sitio web
Conciencia Celeste
Campaña de publicidad
HTML | CSS | JavaScript | Greensock | SkrollrJs
Dashboard elecciones generales
Tecnologías: Javascript, Nunjucks, HTML, CSS
Participación en el desarrollo de actualización de los módulos para las últimas elecciones generales en España.
Mejora en el componente de resultados.
Desarrollo de mapa con los resultados de senadores por provincias.
Infografía de los 350 diputados
Tecnologías: ReactJs, TypeScript, HTML, CSS
Desarrollo de filtro de selección para infografía de las últimas elecciones generales de España.
Sitio web BergMedical
Tecnologías: ReactJs, NextJs, TypeScript, WordPress/Woocommerce API
Las ramas main y develop de Github están sincronizadas formando una una mini CI, es decir producción tiene una nueva versión cada vez que la rama main tiene un Pull Request y a su vez cada push a la rama develop crea una nueva estancia de desarrollo.
Integrando productos de WooCommerce usando WordPress como CMS headless.
Los productos se muestran en el front con SSR (Server side rendering).
Como librería de componentes para la UI he usado MUI.
Tiene desarrollado un endpoint con la librería Smtp transport de NodeJs para el envío de formulario.
Botón de WhatSapp con contenido dinámico, obtiene el nombre del producto y lo agrega en el campo de texto en la ventana de conversación.
Plataforma Citizens Immigration
Tecnologías: Php, WordPress, Make.com (tecnología No Code)
Plugin Socios para sitio web de AES
Tecnologías: ReactJs, NextJs, TypeScript, WordPress/Woocommerce API
Filtrado por términos de las categorías. Paginación en el frontend de los datos. Portales de React para el modal en los detalles de los socios.