README-ptBR.md

React Social Authenticate

Um pacote para tornar autenticação com redes sociais usando react hooks ser simples!

Status: em desenvolvimento

Sobre • Features • Exemplo de uso • Contribuindo • Contribuidores • Autor • Licença

Sobre

React Social Authenticate provê uma forma simples de implementar login com redes sociais como Facebook e Linkedin em sua aplicação react.

---

Features

• React hook para fazer login com:
  • Facebook.
  • Google.
  • Linkedin.
  • [] Twitter.
  • [] Spotify.
  • [] Microsoft.

---

Exemplo de uso

import { useFacebookLogin } from 'react-social-authenticate';

interface IExampleLogin {
	token: string,
	user: {
		name: string,
		id: string,
		email: string,
		roles: [
			{
				name: string,
				id: number
			}
		]
	}
};

export const MyComponent = () => {
	const facebook = useFacebookLogin<IExampleLogin>({
		appId: `SEU_FACEBOOK_APP_ID`,
		language: 'pt-BR',
		version: 8.0,
		internalAuthenticateURL: 'http://endereço.do.seu.backend/caminho-para-autenticar-no-seu-sistema',
	});

	return (
		<>
			<h1 className="title"> Facebook </h1>
			<div className="content">
				Usuário:
				<p>
					{facebook?.userInfos && <img src={facebook?.userInfos?.picture?.data?.url} alt={`${facebook?.userInfos?.name} profile picture`} />}
				</p>
			</div>
			<footer className="footer">
				<button className="btn btn-success" onClick={facebook?.logIn}> login </button>
				<button className="btn btn-danger" onClick={facebook?.logOut}> logout </button>
			</footer>
		</>
	);
};

Contribuindo

Agradeço a todos que se interessarem em melhorar essa lib, encorajo a todos que quiserem ajudar o projeto com novas funcionalidades, corrigindo bugs, fazendo melhorias de performance, traduzindo o pacote para outras línguas. Peço que tome um pouco do seu tempo para ler os guias, assim o processo vai se tornar mais rápido e mais fácil.

Como contribuir

1. Faça fork do projeto.
2. Crie uma nova branch com as suas alterações: git checkout -b feature/minha-feature
3. Salve suas alterações e faça um commit com uma mensagem falando o que você fez: git commit -m" feature: minha nova feature "
4. Submit your changes: git push origin my-feature

   If you have any questions check this guide on how to contribute

---

Contribuidores

Victor Costa

---

Autor

_{Victor Costa}

---

Licença

Este projeto esta sob a licença MIT.

Feito com amor por Victor Costa 👋🏽 Get in Touch!

---

Versões do README

Portuguese | English