Proyectos

Demo Geo
Front end

Aplicación web creada bajo el nuevo criterio Zoneless de Angular donde se elimina de por si la dependencia en la librería zone.js que ha venido usando angular para la detección de cambios. El nuevo enfoque en las Signals ha sido usado para todo el desarrollo de esta aplicación, la cual permite buscar capitales, países y sus regiones a las que pertenecen. A parte de Angular con Zoneless, se ha usado la nueva API resource y rxResource para el consumo asíncrono de datos basado en Signals. Se usó Tailwind para los estilos, Daisyui para los componentes visuales y jest para el testing sustituyendo a jasmine/karma.

TypeScript Angular Zoneless

Kanban Application
FullStack

Kanban app rica en funciones, creada utilizando TypeScript, Next.js y Dnd-Kit para una funcionalidad de arrastrar y soltar fluida. La aplicación utiliza Firebase para la gestión en tiempo real de la base de datos y la autenticación, garantizando una experiencia de usuario segura y dinámica. Integra React Hook Form, Radix UI, Tailwind CSS para diseños modernos y responsivos. Con herramientas avanzadas como Redux Toolkit y NextAuth, el proyecto combina rendimiento, escalabilidad y un diseño centrado en el usuario.

TypeScript NextJs Firebase

Our Chat
FullStack

Chat en tiempo real con un front-end desarrollado con TypeScript, React y Zustand para la gestión del estado, y un back-end utilizando Node.js y Socket.IO para una comunicación bidireccional eficiente. El front-end aprovecha Vite para un desarrollo rápido, Tailwind CSS para un diseño responsivo y React Router para la navegación. El back-end incluye Express.js para los endpoints de la API, Mongoose para la integración con MongoDB y una autenticación robusta con JWT y bcrypt. Este proyecto full-stack combina tecnologías modernas para ofrecer una experiencia de chat fluida y escalable.

TypeScript React ExpressJs

Price counter
Front end

Aplicación dinámica 'Mobile-First' donde se puede gestionar y guardar la suma de articulos, creada utilizando TypeScript, Angular y la SpeechRecognition API para la entrada de datos por voz. La aplicación utiliza IndexedDB para un almacenamiento eficiente de datos sin conexión, asegurando un seguimiento persistente y confiable de los elementos. Con ngx-indexed-db para una integración fluida de la base de datos y Tailwind CSS para una interfaz elegante y responsiva, el proyecto ofrece una experiencia amigable para el usuario

TypeScript Angular SpeechRecognition

Find your Gifs
Front end

Application web creada con TypeScript, Angular y Tailwind donde se pueden ver los trending Gifs, buscar cualquier tipo de Gifs y a su vez guarda el historial de todos los Gifs que has ido buscando mostrando una lista con el nombre de dicha búsqueda que permitir hacer click para ver los resultados de esas últimas búsquedas. También permite que el scroll en la página de trending Gifs se mantenga y permita volver a donde estaba al momento de salir y entrar a esta página nuevamente.

TypeScript Angular Tailwind

Marvel Heros
FullStack

Aplicación para la gestión de héroes de Marvel con un front-end construido con TypeScript, Angular y Apollo Client para integrar el back end propio de GraphQL y API REST para la API de Marvel y obtener datos de los héroes. Los usuarios pueden explorar, buscar y gestionar héroes, además de guardar sus favoritos. El back-end, implementado en Node.js con GraphQL, maneja la autenticación de usuarios y almacena los héroes favoritos utilizando MongoDB con Mongoose. La autenticación robusta está garantizada mediante JWT y bcrypt, mientras que los datos sensibles se protegen con Mongoose Field Encryption. Este proyecto combina capacidades avanzadas de GraphQL con una interfaz moderna y responsiva para ofrecer una experiencia de usuario atractiva.

TypeScript Angular GraphQL

Proyectos Archivados

Tandem bus
Front end

Este Proyecto se trató de una aplicación móvil creada principalmente con TypeScript, React Native y MobX. En sí consistía en una línea de autobuses que necesitaba una forma más eficiente de vender sus boletos de viaje. Se implementó MobX para compartir el estado entre varias vista donde el usuario iba seleccionando las opciones para su viaje, a su vez se implementó SQLite para la persistencia de datos offline y UI Kitten como librería para las interfaces visuales aunque muchos fueron bastantes personalizadas.

TypeScript React Native MobX

Demo Geo Front end

Kanban Application FullStack

Our Chat FullStack

Price counter Front end

Find your Gifs Front end

Marvel Heros FullStack