Profile picture

Hi, I'm Juan Yanza

Available for new opportunities• Ready to code!
terminal
user@portfolio:~$ whoami
dev@portfolio:~/skills$
const dev = true;
npm start
<
/>

I'm a full-stack developer with a passion for creating innovative and user-friendly web applications. I have a strong background in JavaScript, React, and Next.js, and I am proficient in various technologies and frameworks. I am also experienced in building responsive and accessible web applications, ensuring a seamless user experience. My expertise in web development allows me to create high-quality, visually appealing projects that meet the needs of my clients. Whether you need a website, mobile app, or web application, I am here to help you achieve your goals.

0+
Experienced Years
0+
Projects
0+
Technologies

Experience

Experience in software development, specializing in frontend technologies. Proficient in creating responsive and user-friendly web applications using React, Next.js, and Tailwind CSS. Strong background in CI/CD practices and agile methodologies.

Jan 2024 – Oct 2025
1 year, 9 months

Software Engineer

Velocity | LOJASYSTEM
Loja, EcuadorFull-time

Key Achievements

  • Led the design and development of modern web applications using React + Next.js, React + Astro, and Angular, aligned with business requirements.
  • Designed scalable, maintainable application architectures following Domain-Driven Design (DDD) and hexagonal architecture principles.
  • Built APIs and backend services with PHP and NestJS, integrating them with existing systems and frontends, including greentech e‑commerce and Strapi CMS.
Technologies
AstroNext.jsReact
Jul 2024 – Dec 2025
1 year, 6 months

Frontend Developer

Relative Engine
Quito, EcuadorRemote

Key Achievements

  • Implemented dynamic routing, Server Actions, filters, search, and role‑based route protection in Next.js applications.
  • Managed global state using Zustand and Redux, and optimized API consumption with React Query and TanStack tooling.
  • Designed reusable layouts and custom themes using shadcn/ui and Tailwind CSS to ensure a consistent and accessible UI.
Technologies
Next.jsReactZod
Jun 2023 – Dec 2023
6 months

Technical Developer

UTPL Proyectos
Loja, EcuadorRemote

Key Achievements

  • Developed an innovative web application, integrating a Large Language Model (LLM) to deliver accurate and contextual answers within a specialized domain.
  • Led the integration of a comprehensive data corpus, retrieving information from trusted sources such as DBPEDIA, Wikipedia, and other key databases.
  • Implemented a dynamic data mapping and updating system, ensuring real-time accuracy, relevance, and consistency of information.
Technologies
Next.jsReactPython
Mar 2023 – Oct 2023
8 months

ERP Developer

C.E.M LOJAGAS
Loja, EcuadorFull-time

Key Achievements

  • Developed advanced modules for inventory and sales management using Odoo v14, enhancing operational efficiency.
  • Created and optimized detailed accounting reports to support data-driven decision-making across the organization.
  • Integrated multiple information systems, ensuring seamless and reliable communication between platforms.
Technologies
PythonOdooPHP
Dec 2018 – Aug 2021
2 years, 9 months

Freelance Software Engineer

Self-employed
RemoteRemote

Key Achievements

  • As a freelance developer, I specialize in creating custom web solutions using modern technologies to build scalable, high-performance applications tailored to client needs.
  • Full-stack development: Delivered end-to-end solutions, from intuitive front-end interfaces with Astro and Next.js to robust back-end services using Express.
  • Web architecture design: Planned and structured application architectures for smooth routing, integration, and consistent user experience.
Technologies
AstroNext.jsExpress

Projects

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

Dashboard - SNP

Dashboard SNP catálogos

Catalog management dashboard for a public entity in Ecuador, designed to manage territorial and administrative organization. It enables the creation and maintenance of provinces, cantons, parishes, zones, districts, and circuits, as well as the association and hierarchical relationships between them. It features a responsive design, filtering and search tools, and optimized rendering for fast and accurate administration.

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

Interactive dashboard for blog management, enabling the registration of posts with metadata, content versioning, and type/format validations. The main blog layout can be customized from the admin panel, allowing changes to be reflected on the public site with a personalized arrangement. It features resizable and sortable components, maintains a responsive design, and provides optimized rendering for a smooth and flexible user experience.

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

Interactive and modern dashboard developed for Grupo Velocity, designed to visualize key business metrics in real time. Features dynamic charts, data analysis, and management tools that allow users to make informed decisions based on up-to-date information.

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

Complete corporate website for Grupo Velocity, a leading technology and internet company. Features services, products, team, and contact form. SEO optimized, with responsive design, smooth animations, and excellent performance on all devices.

AstroReactTailwindCSSServer sideViewTransitionsSEOPrisma
Spotify Clone — screenshot 1 of 1

Spotify Clone

Aplicación de Streaming Musical

Functional Spotify replica that allows searching for artists, albums, and songs using the official Spotify API. Includes music player, playlist creation, favorites system, and fluid navigation with a modern interface that emulates the original platform experience.

Angular 18TailwindCSSObservables
ATM - Collection System — screenshot 1 of 4
ATM - Collection System — screenshot 2 of 4
ATM - Collection System — screenshot 3 of 4
ATM - Collection System — screenshot 4 of 4

ATM - Collection System

Aplicación de Escritorio Empresarial

Complete ATM-type system developed in C# WinForms for financial transaction management. Enables balance inquiries, payment processing, cash collection, and report generation. Includes advanced security measures and real-time database connection.

CSharpWinformsSupabase.NET
Wheel Whiz Demo — screenshot 1 of 1

Wheel Whiz Demo

Plataforma de Alquiler de Vehículos

Complete demo of a vehicle rental platform that allows users to search, filter, and book cars online. Includes advanced search system, price comparison, image gallery, and simplified booking process with external API integration.

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

Wikchat

Asistente de IA Conversacional

Intelligent conversational platform that uses advanced natural language models to provide contextual and accurate answers. Integrates multiple data sources to offer reliable information, with real-time chat interface and semantic search capabilities.

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

Interactive quiz specialized in JavaScript that evaluates programming knowledge through dynamic questions. Implements state management with Zustand, scoring system, timer, and detailed results with educational feedback to improve programming skills.

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

Modern web application for efficient task and project management. Includes features like task creation, progress tracking, categorization, advanced filters, and local storage. Designed with an intuitive interface that improves personal and professional productivity.

NextJSTypescriptTailwindLocalStorage
VCPR - License Plate Recognition — screenshot 1 of 1

VCPR - License Plate Recognition

Inteligencia Artificial - Computer Vision

Advanced automatic license plate recognition system using YOLOv5. Implements deep learning algorithms to detect and read plates in real time with high accuracy, ideal for access control and traffic monitoring systems.

Yolo V5PytorchTensorFlowFlaskPython
VCPR - Vehicle Classification — screenshot 1 of 1

VCPR - Vehicle Classification

Inteligencia Artificial - Computer Vision

Computer vision solution for automatic detection, tracking, and classification of vehicles using YOLOv7. The system identifies different vehicle types (cars, trucks, motorcycles) and generates real-time traffic statistics.

Yolo V5PytorchTensorFlowFlaskPython

My Tech Stack

Technologies and tools I'm experienced with, including programming languages, frameworks, libraries, and key utilities I use to build robust, high-quality web applications.

Let's talk

Please fill in the form below to get in touch with me. I'll get back to you as soon as possible.