I’m Francisco Javier Moreno Hinojosa, a software engineer focused on front-end who delivers production-ready web apps end-to-end. With 6+ years (4 at Globant), I ship clean, testable code, build performant UIs (Angular expert, React/Next.js capable), design Node/Express APIs, containerize with Docker, and wire CI/CD. I learn fast, document well, communicate clearly, and own outcomes—from requirements to rollout. Houston-based. U.S. work-authorized
Get My Resume
Projects
Building Shelfie: A Full-Stack AI-Powered Fashion Model Generator
Shelfie is an innovative web application that transforms clothing photos into professional model shots using AI. Built with React, TypeScript, and modern cloud services, it demonstrates how AI-assisted development tools can accelerate project delivery while maintaining high code quality. This case study showcases the integration of Cursor with MCPs, Stripe payments, Supabase backend, and Google Gemini AI to create a production-ready SaaS platform.
Oct 7, 2025
Web Dev
SaaS
Software Development
IA
React.js
3D Interactive Room Tour with Angular & Three.js
An immersive web application built with Angular and Three.js. Users can explore a virtual room with three 3D models, move the camera by clicking on the floor, and view detailed descriptions by interacting with the models.
Sep 19, 2025
Angular
Three.js
3D
Web Dev
Cross Road with Three.js
I recreated a simplified version of "Crossy Road" using Three.js, following the by Hunor Márton Borbély. This project involved building a 3D game environment, rendering dynamic and static elements, implementing collision detection, and optimizing performance for an infinite scrolling map. It highlights my skills in 3D graphics, animation, and interactive web development.
Mar 12, 2025
Three.js
3D
Web Dev
Blog Posts
Values vs References in Javascript (Finally explained)
Understanding the difference between values and references in JavaScript is essential to avoid bugs and write reliable, immutable code — especially when working with React state. This post breaks down primitive vs reference types, with clear examples and visual metaphors.
Aug 5, 2025
React.js
Javascript
Software Development
English
Valores vs Referencias en Javascript (Finalmente explicado)
Entender la diferencia entre valores y referencias en JavaScript es clave para evitar bugs y escribir código inmutable, especialmente al trabajar con el estado en React. En este post te explico los conceptos con ejemplos claros y consejos prácticos.
Aug 5, 2025
React.js
Javascript
Software Development
Spanish
WTF is inmutability in Javascript?
Learn what immutability really means in JavaScript and why it's crucial for React to detect state changes. This post breaks down the concept with clear examples, analogies, and tips to help you avoid unexpected bugs in your components.
Aug 5, 2025
React.js
Web Dev
Javascript
English
Que cara#!$ es la inmutabilidad en Javascript?
Aprende qué significa realmente la inmutabilidad en JavaScript y por qué es fundamental para que React detecte los cambios de estado. Esta entrada explica el concepto con ejemplos claros, analogías y consejos para evitar errores inesperados en tus componentes.
Aug 5, 2025
React.js
Web Dev
Javascript
Spanish
My Experience Building a Headless WordPress with Angular (Personal Perspective)
In this blog post, I share my hands-on experience building a professional website using WordPress as a headless CMS and Angular as the frontend framework. The project was developed for a real client who needed full content control without compromising performance or modern UI capabilities. Rather than using a standard WordPress theme, I opted for a decoupled architecture that gave me flexibility while keeping things intuitive for the client.
Throughout the process, I faced several technical and organizational challenges — from structuring data that came in unstructured PDFs, to ensuring good SEO without using SSR. I cover the practical decisions, tools, plugins, and real lessons learned from this project.
Jul 10, 2025 15:38
English
Angular
Wordpress
Web Dev
Mi experiencia creando un WordPress Headless con Angular (Desde mi perspectiva)
En esta entrada de blog comparto mi experiencia desarrollando un sitio web profesional usando WordPress como CMS headless y Angular como frontend. El proyecto fue para un cliente real que necesitaba tener control total sobre el contenido, sin sacrificar el rendimiento ni el diseño moderno. En lugar de usar una plantilla típica de WordPress, opté por una arquitectura desacoplada que me permitió tener flexibilidad y al mismo tiempo ofrecer una experiencia sencilla para el cliente.
Durante el desarrollo enfrenté varios retos técnicos y organizativos: desde estructurar contenido que venía en archivos PDF desorganizados, hasta lograr un buen SEO sin usar SSR. En este post detallo las decisiones prácticas, herramientas, plugins y lecciones reales que aprendí en el camino.
Jul 10, 2025 15:20
Spanish
Wordpress
Angular
Web Dev
Understanding the Difference Between Components and Decorators in Angular
Components are essential building blocks in Angular that manage UI, while decorators add metadata to enhance class functionality. Understanding their distinct roles is crucial for effective Angular development.
Dec 30, 2024
Angular
Web Dev
Jest Coverage in VS Code
Enhance Jest testing in VSCode by installing the Jest extension, configuring coverage colors in settings, and using the on-save run mode to optimize performance and improve code quality through visual feedback on test coverage.
Dec 29, 2024
Jest
VS Code Extensions