KhyxerDev
KhyxerDev
Aquí encontrarás una colección de mis proyectos, desde aplicaciones web hasta herramientas útiles para resolver problemas cotidianos. Cada proyecto representa un desafío único que he superado, demostrando mi compromiso con la innovación y la calidad.
Volver al inicio
Pixer es un editor de pixel art y animación full-stack construido con Next.js, React 19 y TypeScript, que demuestra dominio del stack completo, desde el motor de dibujo hasta el almacenamiento en la nube. El editor funciona enteramente sobre la Canvas API con un sistema de capas, frames, sprites y línea de tiempo sincronizados mediante estado global con Zustand, e incluye undo y redo, onion skin y exportación a PNG, spritesheet y GIF generados directamente en el navegador. A nivel de arquitectura, la aplicación separa con claridad el estado del editor en el cliente del modelo de datos persistido en PostgreSQL mediante Drizzle ORM, con migraciones versionadas y un esquema relacional completo que incluye usuarios, proyectos, visibilidad pública, no listada o privada, interacciones, comentarios y tags. El sistema de autenticación está implementado desde cero, con JWT firmado mediante jose, refresh tokens opacos con rotación y detección de reuso, hashing con bcrypt y rate limiting distribuido sobre la propia base de datos. El almacenamiento de proyectos y miniaturas se apoya en Cloudflare R2 a través de su API compatible con S3, organizado con una estructura de carpetas por usuario. Destaca además la validación de archivos estrictamente en el servidor, donde se verifica el contenido real como los magic bytes de PNG, la estructura del formato propietario y las dimensiones, en lugar de confiar en los headers enviados por el cliente, con cuotas de 1 MB por proyecto y 10 MB por cuenta. La interfaz, construida con Tailwind CSS y animaciones con Motion, mantiene una estética pixel art coherente con el producto.
NextJS 
R2Cloudflare 
TypeScript 
Tailwind 
DrizzleORM 
PostgreSQL 
Free Run JS es un entorno de desarrollo moderno de JavaScript donde puedes escribir, probar y compartir código en tiempo real. Con una interfaz intuitiva y compatibilidad con las últimas funciones de ES6+, ofrece el espacio perfecto para experimentar con tus ideas sin una configuración compleja, ideal tanto para principiantes como para desarrolladores experimentados.
Electron 
JavaScript Tailwind 
Vite 
KHZ Admin es un software de punto de venta con dashboard analítico integrado. Ofrece todas las funcionalidades necesarias para gestionar un negocio: sistema de cuentas basado en roles, análisis de datos, gestión de inventario, clientes, empleados y proveedores. Gracias a estas características, reduce el tiempo de gestión de ventas en un 40% y mejora significativamente el control de inventario. Desarrollado con React, Tailwind CSS, Vite y Firebase, fue creado como proyecto a medida para satisfacer requisitos específicos de un negocio. La versión actual es una demostración con algunas funcionalidades principales, aunque puede presentar ciertos errores por tratarse de una versión preliminar.
JavaScript 
React Tailwind Vite 
Firebase 
ToDO Khyxer es una aplicación web full-stack para la gestión de tareas personales. Desarrollada con React y Firebase, permite a los usuarios crear una cuenta personalizada donde pueden gestionar sus tareas diarias. La aplicación incluye autenticación de usuarios, perfiles personalizables con avatar y banner, y operaciones CRUD completas para el manejo de tareas. La interfaz, construida con Tailwind CSS y mejorada con animaciones GSAP, ofrece una experiencia fluida y responsiva en cualquier dispositivo.
JavaScript React Tailwind 
GSAP Firebase Vite 
Click Game es un minijuego web donde el objetivo es hacer clic sobre un huevo tantas veces como sea posible para romperlo. A medida que el contador de clics aumenta, el huevo muestra diferentes sprites hasta romperse por completo. El juego incluye una tienda donde los jugadores pueden comprar armas para aumentar la cantidad de clicks y desbloquear fondos personalizados para mejorar la experiencia visual. Es un proyecto simple pero entretenido, ideal para practicar lógica en JavaScript, manipulación del DOM y diseño con CSS puro.
JavaScript 
HTML 
CSS 
Esta Landing Page Promocional es una página web estratégicamente diseñada para presentar y promover ToDO-Khyxer, mi aplicación de gestión de tareas personales. Desarrollada con HTML, CSS y JavaScript, la landing page destaca las características principales de ToDO-Khyxer a través de una interfaz visualmente atractiva y secciones informativas bien estructuradas. El diseño es completamente responsivo y optimizado para conversión, con llamadas a la acción estratégicamente ubicadas que dirigen a los visitantes hacia el registro en la aplicación principal. Este proyecto complementa perfectamente a ToDO-Khyxer, sirviendo como puerta de entrada para nuevos usuarios mientras demuestra mis habilidades en desarrollo web frontend y diseño UX/UI orientado a marketing.
HTML CSS JavaScript 
La Landing Page de KHZ Admin es una plataforma web estratégicamente diseñada para presentar y promover nuestro sistema de punto de venta con dashboard analítico integrado. Destaca las funcionalidades clave del software, como la gestión de inventario, análisis de datos, sistema de roles y administración de empleados y proveedores. Con un diseño completamente responsivo y optimizado para conversión. Esta página web sirve como puerta de entrada efectiva para potenciales clientes, comunicando claramente cómo el software puede reducir el tiempo de gestión de ventas en un 40% y mejorar significativamente el control de inventario para cualquier negocio.
Astro React Tailwind HTML CSS JavaScript 
Esta ademas de ser funcionar como pagina promocial oficial tambien de es una versión optimizada de Free Run JS, diseñada para ofrecer un entorno de desarrollo moderno de JavaScript directamente en tu navegador. Con una interfaz intuitiva y soporte para las últimas funciones de ES6+, permite a los usuarios escribir, probar y compartir código en tiempo real sin necesidad de configuraciones complicadas. Ideal tanto para principiantes como para desarrolladores experimentados, esta herramienta facilita la experimentación y el aprendizaje en un entorno accesible y eficiente.
JavaScript Astro Tailwind