Esta aplicación es una tienda e-commerce interactiva de moda femenina desarrollada con React, Vite y Sass Modules. El objetivo principal de este trabajo práctico es implementar la Context API de React para compartir y consumir información de estado global en toda la aplicación, evitando el prop drilling y aplicando buenas prácticas de desarrollo, performance y arquitectura limpia.

• Creación y Planificación del Contexto: Implementación de AuthContext en un archivo independiente dentro de src/context/ para gestionar la autenticación global.
• Encapsulamiento con Provider: Creación del componente AuthProvider en el nivel adecuado de la aplicación para distribuir el estado global y sus funciones.
• Consumo Eficiente: Uso del custom hook useAuth() para consumir el contexto desde múltiples componentes en distintas partes del árbol de la aplicación.
• Optimización de Performance: Uso del hook useMemo en la definición del objeto value provisto por el contexto para evitar re-renders innecesarios.
• Prueba Funcional y Manejo de Undefined: Validación explícita del consumo del contexto para lanzar un error descriptivo en caso de que un componente consumidor sea ejecutado fuera del AuthProvider.

La interfaz de usuario presenta un diseño moderno y minimalista, optimizado para una experiencia de navegación fluida. La aplicación cuenta con una barra de búsqueda inteligente que permite filtrar perfiles en tiempo real, tanto por nombre como por nombre de usuario. Los resultados se despliegan automáticamente a través de tarjetas dinámicas, organizadas para facilitar la visualización clara de la información. Desarrollado con React y Vite, implementando las mejores prácticas de consumo de APIs y gestión de estados. Versión 2026.

La interfaz presenta un diseño funcional dividido en dos bloques principales. En el primero, se encuentra un formulario detallado permite ingresar los datos del dueño y la mascota, incluyendo la selección de síntomas, fecha y horario. Al presionar el botón de creación, la cita se genera dinámicamente en el segundo bloque, donde los turnos se organizan verticalmente separados por divisores claros. Cada tarjeta de cita incluye opciones para eliminar o editar; esta última recarga la información en el bloque del formulario para su modificación, permitiendo una gestión ágil y organizada. Reformado en 2025.

La aplicación presenta un diseño web responsive optimizado para una navegación fluida en una sola columna. La interfaz cuenta con selectores intuitivos para definir la marca y el año del vehículo, además de una opción para elegir entre una cobertura básica o completa. Al accionar el botón de cotización, se activa un spinner animado que mejora la experiencia de espera del usuario mientras se procesan los datos. Finalmente, el resultado se despliega debajo, mostrando un resumen detallado de la configuración elegida junto al monto final del seguro, logrando un proceso de consulta rápido y visualmente atractivo. Reformado en 2025.

La calculadora cuenta con las funciones básicas de suma, resta, multiplicación y división, permitiendo realizar cálculos aritméticos de manera sencilla. Además, incluye un botón de borrado para corregir errores y un botón para reiniciar la operación, asegurando una experiencia de usuario eficiente. La interfaz es intuitiva, con botones claramente etiquetados y un display que muestra los resultados en tiempo real. Reformado en 2025.

La interfaz de usuario es sencilla y minimalista, con un fondo claro que facilita la lectura. En ella podemos observar un campo de entrada donde podes escribir nuevas tareas, seguido de un botón para añadirlas a la lista. Por otro lado, en un bloque se ven las tareas en una lista ordenada, cada una con un botón de eliminación al lado para permitir una gestión rápida y eficiente de tus pendientes. Reformado en 2025.

Este formulario cuenta con un sistema de validación avanzada mediante funciones de JavaScript y expresiones regulares (Regex), asegurando que cada campo cumpla con formatos específicos de contacto y longitud mínima. La interfaz ofrece feedback en tiempo real con mensajes de error individuales por cada ítem y una alerta general ante datos incompletos. Incluye funciones para restablecer los campos o enviarlos, acción que dispara un modal de confirmación tras validar el éxito del proceso. Además, el diseño es totalmente web responsive, garantizando una experiencia óptima en cualquier dispositivo. Reformado en 2025.

La interfaz de usuario para el buscador es intuitiva. En la parte superior, encontrarás un conjunto de menús desplegables que te permiten seleccionar los diferentes filtros, como marca, año y color. La búsqueda será automática, sin necesidad de presionar botones, y se mostrarán los resultados que coincidan con los criterios seleccionados o un mensaje indicando que no hay resultados disponibles. Reformado en 2025.

Proyecto "Multiportafolio" enfocado en la organización de proyectos por categorías. Fue la etapa previa a mi especialización en estándares de inclusión, donde exploré estructuras de navegación más complejas y filtrado de contenido.

En este portfolio paso de algo simple a algo multiportfolio. En él, el foco estuvo en la estética y en la primera aplicación seria de SASS para mantener un código más limpio. Un sitio puramente visual que reflejaba mis primeros pasos firmes en el mundo dev.

Este portfolio es mi punto de partida. Una landing page simple creada para el proyecto final de Academy Olavarría. Representa mi primer contacto con la lógica de programación mediante jQuery y la estructura base de HTML/CSS.