Imagen por defecto

Appatico

Autenticación con GraphQL y Apollo en React

Actualmente estoy en un proceso de aprendizaje con React, GraphQL, MongoDB. La verdad que a veces se me hace difícil llevarle el ritmo a algunas tecnologías. Peleé mucho con desplegar MongoDB en Heroku, pero me costó un poco más el…

Como usar WooCommerce como catálogo

Si bien WooCommerce tiene una amplia variedad para crear tiendas online y en el último año con la pandemia las cosas han cambiado y muchas empresas han migrado a lo digital. Pero algunas empresas y sobre todo las PYMES solo…

Como conectar MySQL con Node js

Conectar MySQL con Node js

Ser un frontend a veces no es suficiente, en algunas ocasiones necesitamos crear nuestros propios recursos y probar por nuestra cuenta el lado del backend. Ya la anterior semana publique como desplegar un servidor que usa MongoDB en heroku. Ahora…

Enviar email con React

Enviar Email con React

Si estamos creando algún tipo de landing page en el que creemos que no necesitamos backend. O por algún motivo nos olvidamos que el formulario de contacto necesita de cierto lenguaje (PHP Python, etc) y queremos hacerlo solo con React.…

5 poderosas herramientas CSS para Frontends

No importa que tan experimentado seas, con las herramientas adecuadas nuestras vidas pueden hacernos la vida mucho más fácil. «Solo eres tan bueno, como las herramientas que usas» por eso tomate un tiempo para conocer estas herramientas CSS que se…

Como escanear código QR con React js

Escanear Código Qr con React js

Cuando tocó hace un escáner de código QR con React js. Pensé que sería mucho mas fácil ya que en teoría solo era instalar alguna librería via NPM o algo similar. Pero me encontré con algunos problemas. Empecemos que en…

Como configurar Bulma CSS a Gulp 4

Como configurar Bulma CSS a gulp 4

Estuve viendo algunas alternativas para dejar de usar Bootstrap 4. Ya me había decidido usar Tailwind, un nuevo Framework que se ha puesto de moda en el ultimo tiempo. Pero al no poder integrarlo con Gulp y al mismo tiempo…

Agregar Tooltip a una imagen SVG

Agregar interactividad a un sitio web a través de pequeñas detalles, puede marcar la diferencia entre tu web y la de la competencia. Una de las formas actuales de agregar interactividad, es mostrando información dentro de una imagen. Ya sea…