Esse projeto foi desenvolvido com as seguintes tecnologias:
- NextJS
- TypeScript
- Stitches
- Radix-ui
- NodeJS
- Express
- TypeORM
- TypeScript
- PostgreSQL
A aplicação é um app para gerenciar transações financeiras de uma carteira digital, que contém as seguintes funcionalidades:
-
Realizar cadastro de usuário/conta com saldo inicial de R$ 100,00;
-
Fazer login e autenticação para acesso e realizações de trasações;
-
Visualizar o saldo atual;
-
Listar transações realizadas por data e/ou creditadas, debitadas e todas;
-
Fazer logof;
Sobre o desenvolvimento (conceitos e fundamentos):
-
Utilização do ContextApi para gerencimento de estado;
-
React-hook-form para criação e validação de fomulário;
-
Imutabilidade do estado
-
Cookies para armazenamento do token obtido na autenticação.
-
Componentização
-
Hooks
-
Estilização dos componentes utilizando a lib Stitches.
-
Criação de componentes acessíveis (modal, tabs) com a lib Radix-ui.
-
Utilização de token com JWT (jsonwebtoken) para autenticação de acesso ás rotas http;
-
Arquitetura seguindo os princípios SOLID, API REST e REST-FULL;
-
Utilização da extesão ESLint no vscode para padronização de ecrita do código.
-
Descompacte o arquivo zip e acesse o diretório ngcash-test.
-
Utilizando o Docker e Docker-compose previamente instalados execute o senguite comando:
docker-compose up
oudocker-compose up -d
para sair do terminal interativo após concluir.
-
Após a conclusão da etapa anterior acesse a interface inserindo a url
http://localhost:3000
em seu navegar. -
Para rodar os projetos individualmente:
-
Entre no diretório
web
e executeyarn && yarn dev
ounpm install && npm run dev
para instalar as dependências. -
Após a conclusão da etapa anterior acesse a interface inserindo a url
http://localhost:3000
em seu navegar.
-
Entre no diretório
server
. -
Será necessário subir um container com a imagem do postgres ou ter o postgres instalado.
-
Execute o comando docker para subir um container do postgres e o comando para rodar o app:
-
docker run --name ngcash -e POSTGRES_USER=docker -e POSTGRES_DB=dgcash -e POSTGRES_PASSWORD=dgcash -e TZ=America/Sao_Paulo -p 5432:5432 -d postgres
-
Altere o arquivo contido no diretório src/database/index.ts na linha 10 substitua
[database]
para[localhost]
. -
yarn && yarn dev
ounpm install && npm run dev
-
- Após as etapas anteriores poderá retornar a interface realizar seu cadastro e fazer login: 🎲
👋🏻 Espero que tenha curtido! 💜 💚