An open API service indexing awesome lists of open source software.

https://github.com/gui-bus/authhero

O Auth Hero é um sistema completo de login com o uso de credenciais e provedores OAuth desenvolvido com React, Typescript, Next.js, ShadCN/UI, Tailwind CSS, Prisma, PostgreSQL, Node.js, Zod, React Hook Form e Vercel. Este projeto foi desenvolvido com o objetivo de explorar e aproveitar plenamente os recursos fornecidos pela biblioteca Auth.js.
https://github.com/gui-bus/authhero

2fa auth authentication nextjs nextjs14 nodejs postgresql prisma react reacthookform shadcn tailwindcss typescript zod

Last synced: 3 months ago
JSON representation

O Auth Hero é um sistema completo de login com o uso de credenciais e provedores OAuth desenvolvido com React, Typescript, Next.js, ShadCN/UI, Tailwind CSS, Prisma, PostgreSQL, Node.js, Zod, React Hook Form e Vercel. Este projeto foi desenvolvido com o objetivo de explorar e aproveitar plenamente os recursos fornecidos pela biblioteca Auth.js.

Awesome Lists containing this project

README

          

# Auth Hero | Autenticação com segurança total! :shield:


Desktop Homepage

## Auth Hero :shield:


***O [Auth Hero](https://authhero.vercel.app/) é um sistema completo de login com o uso de credenciais e provedores OAuth desenvolvido com React, Typescript, Next.js, ShadCN/UI, Tailwind CSS, Prisma, PostgreSQL, Node.js, Zod, React Hook Form e Vercel.*** Este projeto foi desenvolvido com o objetivo de explorar e aproveitar plenamente os recursos fornecidos pela biblioteca [Auth.js](https://authjs.dev/). Em conjunto com o React Hook Form e o Zod, foi possível criar um sistema abrangente para a gestão de formulários, abrangendo funcionalidades essenciais como login, registro, recuperação de senha e envio de e-mails para confirmação de contas. Além disso, também contem códigos de autenticação de dois fatores, permitindo uma camada adicional de segurança.

A integração com provedores OAuth, como Google e Github, foi incorporada, facilitando ainda mais o processo de login e registro para os usuários. O sistema também se beneficia das novas Server Actions introduzidas no Next 14. Essas ações são utilizadas para adquirir e exibir dados do usuário autenticado, ao mesmo tempo em que gerenciam o acesso a rotas específicas. Essa abordagem considera diferentes perfis de usuários, como logados, não logados, administradores e usuários comuns, garantindo um controle preciso sobre as permissões de acesso.

***Em resumo, este projeto representa uma implementação robusta e completa de funcionalidades relacionadas à autenticação e gestão de usuários, explorando tecnologias modernas para proporcionar uma experiência segura e eficiente aos usuários finais.***

> **ALERTA** :warning:
>
> Este projeto é destinado a fins de estudo. Todas as tecnologias empregadas nele são aquelas que oferecem a modalidade FREE TIER, como o Resend, que atua como intermediador no envio de e-mails de confirmação e tokens de 2FA. Infelizmente, o plano gratuito não permite que qualquer usuário acesse o sistema utilizando credenciais, uma vez que apenas o meu endereço de e-mail pessoal, utilizado no momento do cadastro na plataforma, recebe efetivamente os e-mails do Resend. Portanto, caso deseje explorar o projeto e examiná-lo, por favor, utilize a opção de login/registro através do Google ou Github.

### Funcionalidades 📦
- [x] ***Interface de usuário, navegação e design***
- Desenvolvimento de uma interface moderna, atraente, intuitiva e totalmente responsiva, utilizando ***React + Tailwind + ShadCN/UI***.
- [x] ***Gestão de Autenticação***
- Implementação completa de funcionalidades, como login, registro, recuperação de senha, envio de e-mails para confirmação de contas e códigos de autenticação de dois fatores, através da combinação da biblioteca ***[Auth.js](https://authjs.dev/)*** + React Hook Form + Zod.
- [x] ***Login com o Google e Github***
- Integração simplificada de login utilizando provedores OAuth, como Google e Github, através do ***[Auth.js](https://authjs.dev/)***.
- [x] ***Controle de Acesso***
- Aproveitando as novas Server Actions do Next 14 para exibir dados do usuário autenticado e gerenciar o acesso a rotas específicas, considerando diferentes perfis, como logados, não logados, administradores e usuários comuns.
- [x] ***Banco de Dados***
- Armazenamento de todas as informações do projeto utilizando a combinação de Prisma e PostgreSQL, utilizando o FREE TIER da [Neon](https://neon.tech/).


## Como acessar a página :gear:

- [x] Para acessar o Auth Hero basta ***[clicar aqui](https://authhero.vercel.app/)***.

## Tecnologias utilizadas :dart:


React
Typescript
NextJS
ShadCN/UI
Tailwind
Prisma
PostgreSQL
Node.js
React Hook Form
Vercel

## Galeria :camera:
#### Desktop


desktop
desktop
desktop
desktop
desktop
desktop

## Contribuição :bulb:

Gostaria de contribuir para o projeto? ***Fico muito grato pelo interesse!***

- Sinta-se à vontade para entrar em contato comigo através das minhas redes sociais para enviar seu feedback, sugestões ou comentários sobre o projeto.

## Creditos e agradecimentos :handshake:
- Ao professor ***[Antonio Erdeljac](https://github.com/AntonioErdeljac)*** pelos ensinamentos que foram essênciais para a realização deste projeto.

## Redes sociais para contato! :speech_balloon:


Instagram


LinkedIn


Gmail

## Precisa de uma pagina personalizada para o seu negócio? :rocket:

- [x] Se você gostou do projeto da ***Auth Hero*** e está interessado em ter uma página para o seu negócio, entre em contato! Estou disponível para desenvolver sites personalizados e adaptados às necessidades da sua empresa.
***Vamos transformar sua visão em realidade!*** :star:

- Entre em contato através das minhas redes sociais ou envie-me um e-mail para [guibus.dev@gmail.com](mailto:guibus.dev@gmail.com).


Auth Hero