Profile picture

Hola, soy Juan Yanza

Disponible para nuevas oportunidades• Ready to code!
terminal
user@portfolio:~$ whoami
dev@portfolio:~/skills$
const dev = true;
npm start
<
/>

Soy un desarrollador full-stack con una pasión por crear aplicaciones web innovadoras y fáciles de usar. Tengo una sólida formación en JavaScript, React y Next.js, y soy competente en varias tecnologías y marcos. También tengo experiencia en la creación de aplicaciones web responsivas y accesibles, asegurando una experiencia de usuario fluida. Mi experiencia en desarrollo web me permite crear proyectos de alta calidad y visualmente atractivos que satisfacen las necesidades de mis clientes. Ya sea que necesites un sitio web, una aplicación móvil o una aplicación web, estoy aquí para ayudarte a lograr tus objetivos.

0+
Años de experiencia
0+
Proyectos
0+
Tecnologías

Experiencia

Experiencia en desarrollo de software, especializado en tecnologías frontend. Competente en la creación de aplicaciones web responsivas y fáciles de usar utilizando React, Next.js y Tailwind CSS. Sólida formación en prácticas de CI/CD y metodologías ágiles.

Ene 2024 – Oct 2025
1 año, 9 meses

Ingeniero de Software

Velocity | LOJASYSTEM
Loja, EcuadorFull-time

Logros Clave

  • Analicé requerimientos y lideré el desarrollo de aplicaciones web modernas con React + Next.js, React + Astro y Angular, alineadas a las necesidades del negocio.
  • Diseñé arquitecturas de aplicaciones escalables y mantenibles siguiendo principios de Domain-Driven Design (DDD) y arquitectura hexagonal.
  • Construí APIs y servicios web con PHP y NestJS, integrándolos con frontends y sistemas existentes, incluyendo e‑commerce del sector greentech e integraciones con Strapi CMS.
Tecnologías
AstroNext.jsReact
Jul 2024 – Dic 2025
1 año, 6 meses

Desarrollador Frontend

Relative Engine
Quito, EcuadorRemote

Logros Clave

  • Implementé rutas dinámicas, Server Actions, filtros, búsquedas y protección de rutas según roles y permisos en aplicaciones Next.js.
  • Gestioné el estado global con Zustand y Redux, y optimicé el consumo de APIs usando React Query y el ecosistema de TanStack.
  • Diseñé layouts reutilizables y temas personalizados con shadcn/ui y Tailwind CSS, asegurando una interfaz consistente y accesible.
Tecnologías
Next.jsReactZod
Jun 2023 – Dic 2023
6 meses

Técnico de Desarrollo

UTPL Proyectos
Loja, EcuadorRemote

Logros Clave

  • Desarrollo de una aplicación web innovadora, integrando un Modelo de Lenguaje de Gran Escala (LLM) para ofrecer respuestas precisas y contextuales dentro de un dominio especializado.
  • Liderazgo en la integración de un amplio corpus de datos, recuperando información de fuentes confiables como DBPEDIA, Wikipedia y otras bases de datos clave.
  • Implementación de un sistema de mapeo y actualización dinámica de datos, garantizando precisión, relevancia y actualización en tiempo real.
Tecnologías
Next.jsReactPython
Mar 2023 – Oct 2023
8 meses

Desarrollador ERP

C.E.M LOJAGAS
Loja, EcuadorFull-time

Logros Clave

  • Desarrollé módulos avanzados para la gestión de inventarios y ventas utilizando Odoo v14, mejorando la eficiencia operativa.
  • Creé y optimicé informes contables detallados para respaldar la toma de decisiones basada en datos en toda la organización.
  • Integré múltiples sistemas de información, asegurando una comunicación fluida y confiable entre plataformas.
Tecnologías
PythonOdooPHP
Dic 2018 – Ago 2021
2 años, 9 meses

Ingeniero de Software Freelance

Autónomo
RemotoRemote

Logros Clave

  • Como desarrollador freelance, me especializo en crear soluciones web a medida utilizando tecnologías modernas para construir aplicaciones escalables y de alto rendimiento adaptadas a las necesidades del cliente.
  • Desarrollo full-stack: Entrega de soluciones end-to-end, desde interfaces front-end intuitivas con Astro y Next.js hasta servicios back-end robustos con Express.
  • Diseño de arquitectura web: Planificación y estructuración de arquitecturas para un enrutamiento fluido, integración y una experiencia de usuario consistente.
Tecnologías
AstroNext.jsExpress

Proyectos

Dashboard - SNP — screenshot 1 of 3
Dashboard - SNP — screenshot 2 of 3
Dashboard - SNP — screenshot 3 of 3

Dashboard - SNP

Dashboard SNP catálogos

Dashboard de gestión de catálogos para una entidad pública en Ecuador, diseñado para administrar la organización territorial y administrativa. Permite la creación y mantenimiento de provincias, cantones, parroquias, zonas, distritos y circuitos, así como la asociación y relación jerárquica entre ellos. Ofrece un diseño responsive, herramientas de filtrado y búsqueda, y un renderizado optimizado para una administración ágil y precisa.

ReactNextJSPostgreSQLTailwindCSS
CIAT Blog — screenshot 1 of 6
CIAT Blog — screenshot 2 of 6
CIAT Blog — screenshot 3 of 6
CIAT Blog — screenshot 4 of 6
CIAT Blog — screenshot 5 of 6
CIAT Blog — screenshot 6 of 6

CIAT Blog

Blog de la CIAT

Dashboard interactivo para la gestión de un blog, que permite registrar entradas con metadatos, versionamiento de contenido y validaciones de tipo y formato. El layout del blog principal es personalizable desde el panel administrativo, permitiendo que los cambios se reflejen en la parte pública con una disposición personalizada. Incluye componentes redimensionables y ordenables, mantiene un diseño responsive y un renderizado optimizado, ofreciendo una experiencia de usuario fluida y flexible.

ReactNextJSPostgreSQLTailwindCSS
Dashboard - Velocity — screenshot 1 of 4
Dashboard - Velocity — screenshot 2 of 4
Dashboard - Velocity — screenshot 3 of 4
Dashboard - Velocity — screenshot 4 of 4

Dashboard - Velocity

Panel de Control Empresarial

Dashboard interactivo y moderno desarrollado para Grupo Velocity, diseñado para visualizar métricas clave del negocio en tiempo real. Incluye gráficos dinámicos, análisis de datos y herramientas de gestión que permiten a los usuarios tomar decisiones informadas basadas en información actualizada.

ReactTailwindCSSAstroPostgreSQLPrisma
Landing Page - Velocity — screenshot 1 of 4
Landing Page - Velocity — screenshot 2 of 4
Landing Page - Velocity — screenshot 3 of 4
Landing Page - Velocity — screenshot 4 of 4

Landing Page - Velocity

Sitio Web Corporativo

Sitio web corporativo completo para Grupo Velocity, empresa líder en tecnología e internet. Presenta servicios, productos, equipo de trabajo y formulario de contacto. Optimizado para SEO, con diseño responsivo, animaciones fluidas y excelente rendimiento en todos los dispositivos.

AstroReactTailwindCSSServer sideViewTransitionsSEOPrisma
Spotify Clone — screenshot 1 of 1

Spotify Clone

Aplicación de Streaming Musical

Replica funcional de Spotify que permite buscar artistas, álbumes y canciones utilizando la API oficial de Spotify. Incluye reproductor de música, creación de playlists, sistema de favoritos, y navegación fluida con una interfaz moderna que emula la experiencia original de la plataforma.

Angular 18TailwindCSSObservables
ATM - Sistema de Recaudación — screenshot 1 of 4
ATM - Sistema de Recaudación — screenshot 2 of 4
ATM - Sistema de Recaudación — screenshot 3 of 4
ATM - Sistema de Recaudación — screenshot 4 of 4

ATM - Sistema de Recaudación

Aplicación de Escritorio Empresarial

Sistema completo tipo ATM desarrollado en C# WinForms para la gestión de transacciones financieras. Permite consultas de saldo, procesamiento de pagos, recaudación de efectivo y generación de reportes. Incluye medidas de seguridad avanzadas y conexión con base de datos en tiempo real.

CSharpWinformsSupabase.NET
Wheel Whiz Demo — screenshot 1 of 1

Wheel Whiz Demo

Plataforma de Alquiler de Vehículos

Demo completo de una plataforma de alquiler de vehículos que permite a los usuarios buscar, filtrar y reservar automóviles en línea. Incluye sistema de búsqueda avanzada, comparación de precios, galería de imágenes, y proceso de reserva simplificado con integración de APIs externas.

TypescriptTailwindCSSAxiosReactNextJS
Wikchat — screenshot 1 of 2
Wikchat — screenshot 2 of 2

Wikchat

Asistente de IA Conversacional

Plataforma conversacional inteligente que utiliza modelos de lenguaje natural avanzados para proporcionar respuestas contextuales y precisas. Integra múltiples fuentes de datos para ofrecer información confiable, con interfaz de chat en tiempo real y capacidades de búsqueda semántica.

NextJSReactTypescriptZustandSupabase
JavaScript Quiz - React — screenshot 1 of 3
JavaScript Quiz - React — screenshot 2 of 3
JavaScript Quiz - React — screenshot 3 of 3

JavaScript Quiz - React

Aplicación Educativa Interactiva

Quiz interactivo especializado en JavaScript que evalúa conocimientos de programación a través de preguntas dinámicas. Implementa gestión de estado con Zustand, sistema de puntuación, temporizador, y resultados detallados con retroalimentación educativa para mejorar las habilidades de programación.

ReactTypescriptZustandLocalStorage
TaskFlow - NextJS — screenshot 1 of 4
TaskFlow - NextJS — screenshot 2 of 4
TaskFlow - NextJS — screenshot 3 of 4
TaskFlow - NextJS — screenshot 4 of 4

TaskFlow - NextJS

Aplicación de Gestión y Productividad

Aplicación web moderna para la gestión eficiente de tareas y proyectos. Incluye funcionalidades como creación de tareas, seguimiento de progreso, categorización, filtros avanzados y almacenamiento local. Diseñada con una interfaz intuitiva que mejora la productividad personal y profesional.

NextJSTypescriptTailwindLocalStorage
VCPR - Reconocimiento de Placas — screenshot 1 of 1

VCPR - Reconocimiento de Placas

Inteligencia Artificial - Computer Vision

Sistema avanzado de reconocimiento automático de placas vehiculares utilizando YOLOv5. Implementa algoritmos de deep learning para detectar y leer placas en tiempo real con alta precisión, ideal para sistemas de control de acceso y monitoreo de tráfico.

Yolo V5PytorchTensorFlowFlaskPython
VCPR - Clasificación Vehicular — screenshot 1 of 1

VCPR - Clasificación Vehicular

Inteligencia Artificial - Computer Vision

Solución de visión por computadora para la detección, seguimiento y clasificación automática de vehículos usando YOLOv7. El sistema identifica diferentes tipos de vehículos (automóviles, camiones, motocicletas) y genera estadísticas de tráfico en tiempo real.

Yolo V5PytorchTensorFlowFlaskPython

Mi Stack de Tecnologías

Tecnologías y herramientas en las que tengo experiencia, incluyendo lenguajes de programación, frameworks, bibliotecas y utilidades clave que utilizo para desarrollar aplicaciones web robustas y de alta calidad.

Pongámonos en contacto

Por favor, completa el formulario para contactarme. Te responderé lo antes posible.