Catalina Liste

Desarrolladora Web

Como desarrolladora web encuentro gran motivación en la amplia variedad de desafios y posibilidades que ofrece esta área

A traves de mis proyectos busco explorar diferentes tecnologías y roles, siempre en busqueda del área que más me atraiga y me permita crecer profesionalmente

programmer-image

Sobre mi

Soy Catalina, una desarrolladora web con una sólida formación académica, que me ha proporcionado una visión amplia del desarrollo web, respaldada por varios cursos complementarios, con gran participación en proyectos académicos desafiantes que estimulan mi pasión por aprender y resolver problemas

Me considero una persona colaborativa, organizada y comprometida, capaz de trabajar tanto en equipo como de manera independiente

Mi persistencia, habilidad para buscar información y actitud puntual me permite encontrar soluciones efectivas

Me apasiona alcanzar el máximo nivel en cada área en la que me desenvuelvo y siempre estoy dispuesta a resolver problemas y enfrentar nuevos desafíos

Educación

La formación académica me proporcionó una base sólida en pensamiento lógico, mentalidad analítica y resolutiva, que me brinda habilidades completas.

Proyectos

En mi portfolio, presento una selección de proyectos en los que trabajé

Mi intención en cada uno de los siguientes proyectos es adaptarme y enfrentar nuevos desafíos, sin dejar de buscar constantemente la mejora y el aprendizaje en el desarrollo web

PetHero es una página web que ofrece a los dueños de mascotas la oportunidad de encontrar e interactuar con cuidadores.

Este proyecto implica la migración de proyecto "PetHero" al lenguaje Java, incorporando el framework de Spring.

El proyecto es un blog comunitario, donde los usuarios pueden compartir, explorar e interactuar con los posteos publicados.

PetHero

GitHub repository

La base del desarrollo se basó en PHP y el patrón Modelo Vista Controlador (MVC), lo que permitió lograr una arquitectura escalable y modular.

Se utilizó una base SQL (MySQL) para almacenar datos estructurados y relacionales, como perfiles de usuarios, información de mascotas y detalles de reservas.

En cuanto a la interfaz de usuario, se utilizó HTML para definir la estructura y los elementos de la página, CSS para aplicar estilos personalizados y crear un diseño visualmente atractivo. Además, se aprovechó JavaScript para agregar interactividad a la plataforma, como validaciones de formularios en tiempo real, animaciones y otras funcionalidades dinámicas.

Para garantizar la seguridad de la plataforma, implementamos medidas de protección adicionales. Utilizamos técnicas de encriptación para almacenar información confidencial, como contraseñas de usuarios, de forma segura en nuestra base de datos.

php-logo
mysql-logo
html-logo
css-logo
javascript-logo

PetHero

GitHub repository

En esta migración a Java de PetHero, se utilizaron diversas tecnologías de Spring, que permitieron abordar diferentes aspectos del desarrollo de la aplicación.

En primer lugar, se implementó Spring Security para garantizar una gestión segura y confiable de la plataforma. Aplicando un sistema de autenticación y autorización, asegurando que solo los usuarios autorizados tengan acceso a determinadas funcionalidades y recursos.

Para el acceso a la base de datos, se utilizó JPA (Java Persistence API) en conjunto con Hibernate. JPA permitió abstraerse de las complejidades de las consultas SQL. Al utilizar Hibernate como implementación de JPA, se pudo mapear objetos Java a entidades en la base de datos de manera sencilla y eficiente.

Además de las tecnologías de Spring, se aprovechó la integración de una API REST para mejorar la interoperabilidad y la capacidad de comunicación con otros sistemas.

En cuanto a la interfaz de usuario, se incorporó Bootstrap, que permitió desarrollar una interfaz moderna y responsiva. Por último, cabe destacar la utilización de Thymeleaf para la generación de vistas, que permitió crear vistas dinámicas, lo que simplificó enormemente la generación de contenido HTML.

java-logo
spring-logo
mysql-logo

UniVerse

GitHub repository

El sistema fue desarrollado utilizando el stack MERN. Se aprovechó las fortalezas de cada una de las tecnologías del stack para garantizar un desarrollo eficiente y una experiencia de usuario atractiva.

Para la persistencia de datos, se eligió MongoDB como la base de datos NoSQL. Se utilizó Mongoose, una biblioteca de modelado de objetos de MongoDB para Node.js, para simplificar la interacción con la base de datos y facilitar el manejo de los datos del blog.

En el lado del servidor, se usó Node.js junto con el framework Express. Proporcionando un entorno de ejecución rápido y eficiente, permitiendo un manejo eficiente de solicitudes y respuestas.

En cuanto a la interfaz de usuario, se optó por utilizar React.js, un framework de JavaScript, que permitió crear componentes reutilizables. Para agilizar el desarrollo y mejorar la apariencia visual de la interfaz, se icorporó semantic-ui-react, una biblioteca de componentes de interfaz de usuario preestablecidos y estilos responsivos.

Además se aprovecharon dependencias adicionales, herramientas específicas para tareas como manejo de autenticación de usuarios, manejo de sesiones, gestión de imágenes y optimización del rendimiento

mongodb-logo
express-logo
node-logo
react-logo