Who I am? What have I done? What skills do I have? This page aims to answer these and other questions.

Quién soy? Qué he hecho? Qué habilidades tengo? Ésta página pretende dar respuesta a éstas y otras preguntas.

Ben kimim? Ne yaptım? Hangi becerilere sahibim? Bu sayfa tüm bu soruları ve daha fazlasını cevaplamayı amaçlamaktadır.

José Luis Sandoval Alaguna

React

JavaScript

Python

Arch Linux

Welcome to my portfolio. Call me Luis, I'm a computer and systems engineer from the National University of Colombia. Currently, I'm based in Turkey, a beautiful country by the way. I am always open to new challenges.

Bienvenidos a mi portafolio. Llámame Luis, soy ingeniero de sistemas y computación, egresado de la Universidad Nacional de Colombia. Actualmente, estoy ubicado en Turquía, un país hermoso por cierto. Siempre estoy abierto a nuevos retos.

Portföyüme hoş geldiniz. Ben Luis. Kolombiya Ulusal Üniversitesi'nden mezun oldum. Bilgisayar ve Sistem Mühendisiyim. Şu anda Türkiye'de yaşıyorum, ve bence burası güzel bir ülke. Her zaman yeni zorluklara açığım.

While PageView AnimToPage works perfectly for navigating between pages with elegant animation, it does not navigate directly to non-contiguous pages; here we show you how to get this feature using hooks.

Si bien PageView AnimToPage funciona perfectamente para navegar entre páginas con una animación elegante, no navega a páginas no contiguas directamente; aquí te enseñamos como conseguir esta característica usando hooks.

Salto de Página Animado con Hooks

Animated Jump to Page with Hooks

Building cache components has never been so easy: a hook (flutter_hooks) around here, a cache manager (flutter_cache_manager) there, and a powerful dependency injector (riverpod) to stick all the pieces together and you get the component you need to power the video presentation.

Construir componentes con caché nunca había sodo tan fácil: un gancho(flutter_hooks) por aquí, un manejador de caché(flutter_cache_manager) por allá y un potente inyector de dependencias(riverpod) para pegar todas las piezas y obtienes el componente que necesitas para potenciar la presentación de videos.

Building a cached network video with Flutter Hooks and Riverpod.

Componente de video con persitencia en cache usando Ganchos y Riverpod

Cache persistence video widget using Hooks and Riverpod

Despite how popular NextJS has become in recent months and how easy it is to write content in `markdown` based text editors, there are no tutorials on how to render videos from this language to React; well, here we will see three easy ways to do it.

A pesar de lo popular que se ha vuelto NextJS en los últimos meses y lo fácil que es escribir contenido en editores de texto basados en el lenguaje `markdown`, no existen tutoriales sobre como representar videos desde este lenguaje a React; pues bien, aquí veremos tres formas fáciles de hacerlo.

NextJS son aylarda ne kadar popüler hale gelse de, `markdown` tabanlı metin editörlerinde içerik yazmak ne kadar kolay olsa da; bu dilden React'e videoların nasıl işleneceğine dair hiçbir öğretici yok; bu sebeple, burada bunu yapmanın üç kolay yolunu göreceğiz.

Remark + Unified(Rehype) are the core of the React-Mardown library.

Tres diferentes formas de presentar videos usando React-Markdown

React-Markdown kullanarak video oluşturmanın üç farklı yolu

Three different ways to render a videos using React-Markdown

Although there are several tutorials that explain how to handle Firebase Push Notifications, they are all focused on the use of Ionic/Angular; well, this tutorial explains how to do it using Ionic/React.

Si bien existen varios tutoriales que explicar como manejar Firebase Push Notifications, todos están enfocados al uso de Ionic/Angular; pues bien, este tutorial te explica como hacerlo usando Ionic/React.

Firebase Push Bildirimlerinin nasıl işleneceğini açıklayan birkaç öğretici olmasına rağmen, bunların tümü Ionic/Angular kullanımına odaklanmıştır; Bu eğitim, Ionic/React kullanarak nasıl yapılacağını açıklıyor.

Firebase Cloud Messages for Push Notifications.

Otro tutorial de notificaciones push de Ionic React Firebase

Yine başka bir Ionic React Firebase Push Bildirimleri eğiticisi

Yet another Ionic React Firebase Push Notifications tutorial

Ok, We have a fully functional integrated server with authentication and GraphQL queries, but we always need to test our code, don't we?

Bien, tenemos un servidor integrado completamente funcional con autenticación y consultas GraphQL, pero siempre necesitamos probar nuestro código, ¿no es así?

Tamam, kimlik doğrulama ve GraphQL sorguları olan, tamamen işlevsel bir entegre sunucumuz var, ancak her zaman kodumuzu test etmemiz gerekiyor, değil mi?

Probando integración NestJS + Keycloak + GraphQL

NestJS + Keycloak + GraphQL entegrasyonunu test etme

Testing NestJS + Keycloak + GraphQL integration

Capacitor plugin for UXCam and FullStory analytics. It uses UXCam for Android and iOS platforms and FullStory for Web/PWA.

Complemento para Capacitor que habilita análisis de UXCam y FullStory. Utiliza UXCam para plataformas Android e iOS y FullStory para Web / PWA.

UXCam ve FullStory analitiği için Capacitor eklentisi. Android ve iOS platformları için UXCam ve Web / PWA için FullStory kullanır.

Creative Development

We faced each new challenge with creativity and passion.

Projects

Capacitor UXCam integration plugin

Posts

Animated Jump to Page with Hooks

Cache persistence video widget using Hooks and Riverpod

Three different ways to render a videos using React-Markdown

Yet another Ionic React Firebase Push Notifications tutorial

Testing NestJS + Keycloak + GraphQL integration

About me