Este es un sitio destinado para buscar y publicar anuncios de diversas categorías, es un proyecto que se encuentra aún pendiente de agregarle más funcionalidades y actualmente cuenta con diversas entre las que se incluyen:

• Inicio de Sesión y Registro
• Publicar Anuncios
• Buscar y Filtrar Anuncios
• Aprobar y Mostrar Anuncios
• Agregar Publicidad
• Validaciones por parte del servidor
• Compresión de las imágenes antes de ser enviadas, etc

Durante este proyecto trabajé en la creación de interfaces altamente profesionales y llamativas para DirectCodes donde empleé mis conocimientos en maquetación web y resolví numerosos retos, así como diversos desafíos para lograr tales resultados visuales y a la vez adaptar de manera eficiente la interfaz a múltiples formatos de pantalla.

Mi trabajo consistió principalmente en realizar la maquetación del sitio partiendo de un diseño en figma usando HTML y SASS, mientras otra persona trabajaba con la interactividad de React y el backend del sitio.

A día de hoy: 17 de febrero del 2025, esta web no se encuentra terminada, por lo que comparto fragmentos de la misma que pueden ser consultados para apreciar el diseño de la misma, cabe destacar que existen elementos visuales que solo son visibles modificando el código HTML.

Este proyecto fue creado para un cliente el cual solicitó una web multi-idioma con un formulario de contacto y quedó muy contento con el trabajo.

El sitio web además de ser responsive es reactivo, pues cambia de idioma de forma instantánea y la navegación entre páginas también lo es. Además, la velocidad de carga fue optimizada, teniendo una excelente puntuación de rendimiento. Para el envío de correo se utilizó PHPMailer y para la navegación React Router en combinación con React creando una experiencia excelente para el usuario.

Este proyecto es una SPA creada usando React, React Router, SASS y un paquete de NPM llamado: "qrcode". Se valida la entrada del usuario con una expresión regular para verificar que sea una URL válida y se redirige al generador de QR, el cual además de permitir visualizarlo ofrece las opciones de descargarlo o compartir el enlace de la web para que otros usuarios puedan ver el QR en la misma; al realizar un click en el botón de copia se muestra una notificación y se copia la URL al portapapeles. Existe una validación la cual redirige al usuario a la página principal del sitio web en caso de que no exista una url como parámetro al itentar acceder a la sección del QR. La lógica de los componentes se encuentra separada en hooks personalizados para una mayor comodidad y legibilidad del código. Además, el sitio web es adaptable a dispositivos móviles y ofrece un excelente rendimiento, te invito a vistarlo y si también lo deseas a echarle un vistazo al código fuente del mismo

Este es un proyecto de demostración donde pongo hago uso de la validación de los datos de un formulario mediante JavaScript, hago envío de peticiones al servidor de PHP utilizando Fetch y este valida los datos recibidos antes de proceder a insertarlos en la base de datos, también existe un manejo de errores para informar al usuario de los problemas mediante un modal. Además tomo medidas de seguridad tales como:

• - Preparar sentencias SQL para prevenir ataques de inyección SQL.


• - Generación de un token CSRF para evitar que el back-end reciba consultas de dominios no autorizados y este se guarda en una cookie HTTP Only para evitar que scripts maliciosos puedan leerla.


• - Se realiza un encriptado de las contraseñas para evitar que se almacenen como texto plano en la base de datos.


• - Se valida la sesión del usuario antes de acceder al generador de claves y también se verifica que la clave que intenta eliminar le pertenezca, entre otras validaciones que se pueden ver revisando el código

Este es un proyecto de demostración donde pongo de manifiesto algunas de mis habilidades maquetando y añadiendo algunas funcionalidades que se pueden encontrar en sitios de esta índole. Escogí una paleta de colores y tuve en cuenta una serie de detalles para darle la mejor estética posible combinando el posicionamiento de los elementos y los colores a usar.

Este proyecto aunque parezca simple presentó una serie de retos a superar al crear el slider y la galería de imágenes, además tiene varias detalles que solo se pueden ver en el código o si inspeccionas muy a fondo la web y eres curioso.

Este es un trabajo de curso creado para una estudiante de España donde el profesor pedía un formulario con los campos que se ven en la página de incio, también validar los datos y almacenarlos en la base de datos, el campo del color se exigía en RGB por lo que fue necesario hacer una conversión del color en hexadecimal a RGB para guardarlo en la base de datos y el proceso inverso para mostrarlo. Además de los requisitos del profesor se agregaron excepciones para manejar errores y mostrarlas como un modal, todos los modales son extras así como varias funciones del código, incluyendo la asincronía, ciertas validaciones, etcétera...

El formulario es dinámico y procesa solictudes sin recargar la página al igual que la sección para mostrar concursantes, fue un pequeño reto crear todo de forma reactiva usando JavaScript puro, en especial la parte de la edición del concursante por cuestiones técnicas que se pueden entender mejor analizando el código.

Este proyecto fue creado cuando daba mis primeros pasos con React y Laravel para poder practicar con estas tecnologías.

Es una especie de mini-inventario el cual está enfocado en practicar y crear funcionalidades, es por ello que no tiene un buen diseño. Permite realizar diferentes acciones, entre ellas: registrar productos, editarlos, eliminarlos, mostrarlos y rellenera la base de datos con un seeder de laravel. Existen diferentes validaciones tanto en el frontend como en el backend para validar la entrada de datos del usuario y fue un proyecto con el cual pude aprender varias cosas.

Este es un proyecto de ejemplo para mostrar mi capcidad de trabajar utilizando la grid de Bootstrap y un Kit de Interfaz de Usuario llamado: Material Design for Bootstrap 5. Esta web es solo una maquetación y no es funcional ni lo pretende ser.

Este proyecto fue creado para un cliente el cual solicitó un sitio web basado en el diseño del mismo con la funcionalidad de sincronizar mensajes entre 2 o más dispositivos, posibilidad de búsqueda entre los mensajes y un pequeño panel de administración.

Las contraseñas y los mensajes se guardan de forma encriptada y siempre se sanitiza el texto para evitar ataques XSS. El panel de administrador permite decidir si un usuario tiene permiso o no para usar el sitio web.

Lamentablemente el dominio fue bloqueado por algún motivo y hasta la actualidad no está disponible, si deseas probar brevemente el sitio web contáctame.