Proyectos
Cada tarjeta a continuación incluye un breve resumen, el stack tecnológico, capturas de pantalla (haz clic en la imagen para abrir la galería) y enlaces al código y vista previa en vivo.
MyFlix App
Resumen: Una aplicación de películas full-stack construida paso a paso: primero creando una API REST segura con Node/Express, y luego desarrollando dos front-ends (uno en React y otro en Angular) que consumen el mismo backend.
Stack Backend: Node.js, Express, MongoDB Atlas, JWT, Passport, bcrypt, Render.
Stack Frontend: Angular (Material, TypeScript) y React (Bootstrap, ES6+).
Chat App
Descripción general: Aplicación móvil de chat multiplataforma desarrollada con React Native y Expo. Los usuarios pueden elegir un nombre visible y un color de fondo para el chat, y luego acceder a una sala donde pueden enviar mensajes de texto, compartir imágenes desde la cámara o la galería y enviar su ubicación actual mediante una vista previa del mapa. Los mensajes se sincronizan en tiempo real con Firebase Firestore y se almacenan localmente usando AsyncStorage, lo que permite acceder a conversaciones recientes sin conexión. La interfaz sigue buenas prácticas básicas de accesibilidad (etiquetas, roles, contrastes) y se adapta a distintos tamaños de pantalla.
Stack tecnológico: React Native, Expo, Firebase (Firestore, Auth, Storage), Gifted Chat, AsyncStorage, NetInfo, React Navigation, Expo Camera · Image Picker · File System · Sharing · Location, react-native-maps.
Meet App
Resumen: Una aplicación web progresiva (PWA) serverless construida con React que se conecta a la API de Google Calendar. Incluye visualización de datos y soporte offline.
Stack: React, AWS Lambda, Google Calendar API, Recharts, TDD (Jest/Cucumber).
What Do I Cook?
Resumen: Un asistente de cocina full-stack que permite a los usuarios encontrar recetas basadas en los ingredientes que ya tienen. Utiliza una API personalizada que conecta con Spoonacular.
Stack: Node.js, Express, JavaScript vanilla, Fetch API, LocalStorage, Bootstrap 5.
Pokedex App
Resumen: Aplicación web que consume la PokeAPI para mostrar una lista interactiva de Pokémon. Mi primer proyecto en JavaScript enfocado en manipulación del DOM.
Stack: HTML5, CSS3, JavaScript Vanilla, PokeAPI, Bootstrap 4.
Simple Portafolio
Descripción general: Sitio web de portafolio responsive y de múltiples páginas, con una interfaz oscura temática, estructura HTML semántica y verificaciones básicas de accesibilidad. Presenta mis proyectos, habilidades y datos de contacto, y funciona como el punto central para mostrar mi trabajo.
Stack tecnológico: HTML5, CSS (Grid y Flexbox), JavaScript vanilla para interacciones, Git, verificaciones de accesibilidad (a11y) y despliegue en GitHub Pages.