momentum-app
La aplicación está pensada para que los usuarios puedan generar textos de copys, ilustraciones y piezas de código haciendo uso de herramientas de la inteligencia artificial, para ello se diseña y construye una interfaz que le permite al usuario tener las 3 herramientas en un mismo lugar y permitiendole tener un historial de sus consultas. El proyecto está construido bajo el stack MERN usando ReactJS para el desarrollo de la inerfaz y NodeJS para la construcción del backend. Se emplean algunos de las herramientas principales de ReactJS como Context API, los hooks y enrutamiento por medio de React Router, dispone de secciones como perfil de usuario, historial, generar textos e imágenes. La comunicación con el backend es mediante tecnología API.
- MongoDB
- Express.js
- ReactJS
- NodeJS
Portal Vitrina Colombia
Proyecto web fullstack que suple la necesidad de crear un gestor de contenidos autoadministrable y servir el contenido mediante servicios API los cuales son consumidos del lado del cliente, donde se construye una interfaz amigable para que el usuario final pueda navegar y visualizar los diferentes tipos de inmuebles. El sitio web tiene la funcionalidad de guardar en la sesión del usuario los inmuebles marcados como favoritos además de permitirle hacer búsquedas mediante filtro avanzado.
- MySQL
- PHP
- Laravel
- JavaScript
- ReactJS
Sitio web Colraices
El equipo de diseño de la empresa construye todo el diseño del sitio web teniendo en cuenta las diferentes estrategías de UX/UI pensando siempre en la experiencia del usuario, aplicando desde luego toda la identidad de marca en cuanto a los colores de la compañia y empleando formas redondeadas y sombras, dando así un diseño novedoso pero simple. Para la construcción del sitio se emplean tecnologías como React principalmente, brindado así grandes facilidades al momento de construir las interacciones del usuario final, este sitio web tiene la particularidad de detectar el país de donde se conecta el usuario y dependiendo de esto, mostrar diferentes bloques de información. Mediante la construcción de componentes, se reduce en gran medida la escritura de código, pudiendo reutilizar estas piezas gráficas en las diferentes secciones donde se requieran, de este modo se hace más fácil la manipulación de eventos.
- PHP
- Laravel
- SASS
- ReactJS
- JavaScript
Instapets PWA
El proyecto consiste en mostrar imágenes de mascotas las cuales el usuario podrá visualizar sin necesidad de estar autenticado, podrá dar like siempre y cuando esté registrado y haya iniciado sesión. Está aplicación tiene la particularidad de ser una PWA (Progressive Web Application) lo cual le otorga la funcionalidad de instalarse en un dispositivo móvil conservando la funcionalidad pero funcionando casi como una aplicación móvil nativa. Este proyecto en particular incluye una estructura mediante componentes agrupando el componente y sus estilos en la misma carpeta haciendo uso de Styled Components, además por medio de contenedores se crea la funcionalidad de realizar las peticiones al backend gracias a GraphQL. El proyecto tambien cuenta el uso de Hooks y Custom Hooks para le manejo de estado global de la aplicación y manipular la sesión de usuario. Por último los componentes se agrupan en páginas que son las que finalmente se renderizan indicando cada sección de la aplicación.
- ReactJS
- NodeJS
- Express.JS
- GraphQL
CMS de inmuebles
En este emocionante proyecto, me embarqué en la creación de un sistema integral de gestión de inmuebles. La misión es desarrollar un sólido API REST y un potente Sistema de Gestión de Contenidos (CMS) que permitan a los usuarios listar, buscar y administrar propiedades de manera eficiente y efectiva.
- Laravel
- MySQL
- Blade
- PHP