O projeto foi desenvolvido durante o bootcamp da AWS na DIO e consiste em um web app para anotações rápidas online. O aplicativo permite que os usuários criem e armazenem anotações de forma prática e segura. Os dados das anotações são armazenados no localstorage para usuários não autenticados e de forma persistente no banco de dados para usuários autenticados. A autenticação do usuário é feita por meio da conexão com o AWS Cognito, que coleta e cria tokens JWT para permitir o acesso seguro e autenticado aos dados. Essa abordagem foi escolhida com o objetivo de colocar em prática os aprendizados do curso de AWS, especialmente em relação à autenticação e segurança dos dados. Além disso, essa dinâmica de autenticação adiciona uma camada extra de proteção às anotações dos usuários, garantindo que apenas usuários autorizados possam acessá-las. Isso proporciona uma experiência mais completa e segura aos usuários do aplicativo de anotações online.
- JavaScript
- TypeScript
- React
- Next.js
- Prisma ORM
- AWS (Amazon Web Services)
- Clone o repositório:
git clone https://github.com/seu-usuario/seu-projeto.git
- Acesse a pasta
web
:cd web
- Instale as dependências da pasta
web
:npm install
ouyarn install
- Volte à pasta raiz do projeto:
cd ..
- Acesse a pasta
server
:cd server
- Instale as dependências da pasta
server
:npm install
ouyarn install
Crie um .env
DATABASE_URL="file:./dev.db"
SECRET_KEY_JWT = [Chave de assinatura JWT]
COGNITO_USER_POOL_URL = [Url de acesso ao user pool do cognito]
SECRET_ID_CLIENT = [O Secret ID Configurado no Cognito - É preciso habilitar essa função na criação do user pool]
PUBLIC_ID_CLIENT = [O Public ID do Cognito User Pool]
REDIRECT_URL = "localhost:3000/api/auth/callback" [A url de redirecionamento - De preferência mantenha semelhantemente assim - Se alterar no cognito altere-a aqui]
Crie um .env.local
NEXT_PUBLIC_CONGNITO_USERS_URL = [Url de access ao user pool do cognito]
NEXT_PUBLIC_CLIENT_ID = [O Public ID do Cognito ]
NEXT_PUBLIC_REDIRECT_URI = "http://localhost:3000/api/auth/callback"
Agora basta abrir a pasta web
e executar npm run dev
. Execute o mesmo dentro da pasta server
Gostou? Me segue no linkedIn 😉😉 https://www.linkedin.com/in/jonatasmss/