Gravatar JavaScript
Mediante esta libreria puede utilizar el servicio de Gravatar https://es.gravatar.com/ el cual crea una Un "avatar"(una imagen que lo representa en línea, una pequeña imagen que aparece junto a su nombre cuando interactúa con sitios web). Lo carga y crea su perfil solo una vez, y luego cuando participa en cualquier sitio habilitado para Gravatar, su imagen de Gravatar lo seguirá automáticamente allí.
Gravatar es un servicio gratuito para propietarios de sitios, desarrolladores y usuarios. Se incluye automáticamente en cada cuenta de WordPress.com.
Comenzando 🚀
Esta libreria utiliza MD5 (es un algoritmo de reducción criptográfico de 128 bits ampliamente usado) para convertir el correo electronico en un valor unico que se envia a gravatar y envia una imagen unica (recuerda que si estas inscrito con ese correo electronico en gravatar o cualquier sitio que utilice este servicio el avatar asignado sera el mismo en todos los sitios
Mira Deployment para conocer como desplegar el proyecto.
Instalación 🔧
utiliza NPM para realizar la instalación con
npm i @alejozepol/gravatar
Implementación
Es importante tener en cuenta que para que la libreria funcione es necesario enviar el email para que sea convertido en un hash y se interpretado por gravatar
Para implementar la libreria dentro de tu proyecto puedes seguir el siguiente ejemplo:
import gravatar from '@alejozepol/gravatar';
//el objeto user corresponde a la informacion del usuario.
// el hasUser es contante de true o false para validar si el objeto user posee o no datos si es verdadero utiliza la libreria de Gravitar si es falso trae un avatar de imagen statica dentro del proyecto.
<div className='header__menu--perfil'>
<p>Perfil</p>
{hasUser ? (
<img
className='menu__perfil--perfil'
src={gravatar(user.email)}
alt={user.email}
/>
) : (
<img
className='menu__perfil--perfil'
src={userIcon}
alt='Icono Perfil'
/>
)}
</div>
Autores ✒️
Libreria realizada en la esculea de javaScrip de @platzi en la ciudad de Bogotá
-
Alejandro López Ramirez - alejozepol mas informacion sobre mi en https://alejozepol.com
😊
Expresiones de Gratitud 🎁
- Comenta a otros sobre este proyecto
📢 - Invita una cerveza
🍺 a alguien del equipo. - Da las gracias públicamente
🤓 . - etc.