🔗 AutoCar

🔗 Documentação da Api

🚀 E-commerce de veículos, com login da página de administrador com autenticação através de token e que pode adicionar novos veículos, com upload de imagens na S3 da AWS.

Usuário Adminstrador para teste: email: adminautocar@email.com senha: 12345678

✅ Features

• Lista os veículos cadastrados no backend.
• Página de login de administrador.
• Dashboard de administrador com as opções de cadastrar, atualizar a foto e deletar o veículos.
• Opção de alterar nome e senha do usuário.
• Exibição da lista de usuários em uma tabela ao clicar no botão "Buscar Veículos"

Observações:

• Os Paths: "/" e "/carros-usados" renderizam a lista de veículos. As outras opções do nav do header foi adicionado apenas para ficar próximo ao layout do site solicitado.
• O banco utilizado foi o postgres, mas no .env tem um postgres criado no site ElephantSQL que já tem alguns dados populados, mas caso queira rodar localmente, tem outra url configurada junto ao docker compose.

✅ Demonstração da aplicação

🎲 Rodando o Frontend(React.js)

Foi realizado o deploy na Vercel, mas com o endpoint voltado para "http://localhost:8000" pois é a porta que a Api tá configurada para rodar.

# Clone este repositório
$ git clone <git@github.com:monafmenezes/autocar-app.git>

# Acesse a pasta do projeto no terminal
$ cd autocar-app

# Acesse a pasta client no terminal
$ cd client

# Instale as dependências
$ yarn

# Execute a aplicação em modo de desenvolvimento
$ yarn start

# O servidor inciará na porta:3000 - acesse <http://localhost:3000>

🎲 Rodando o Backend(Node.js)

####### O banco utilizado no backend foi o postgres, houve a criação de duas tabelas: User e Car. Utilizado Express e TypeORM. Já está com um banco configurado e rodando online, as variáveis de ambiente estão no .envexemple. O nome das imagens são persistidas no banco de dados e em seguida elas são enviadas para a S3 da AWS. O arquivo json do insomnia também foi enviado e está configurado para rodar no localhost:8000. Como não foi realizado o deploy da api, antes de rodar o front é necessário rodar a api. Só precisa criar as migrations caso use o outro url enviado no envexemple.

# Clone este repositório

# Acesse a pasta do projeto no terminal
$ cd autocar-app

# Acesse a pasta client no terminal
$ cd api

# Instale as dependências
$ yarn

# Crie a imagem do banco de dados do docker (postgres)
$ docker compose up

# Gere as migrações 
$ yarn typeorm migration:run -d src/data-source.ts

# Execute a aplicação em modo de desenvolvimento
$ yarn dev

# O servidor inciará na porta:8000 - acesse <http://localhost:8000>

🛠 Tecnologias

As principais ferramentas foram usadas na construção do projeto:

• Tailwind
• date-fns
• Antd
• JWT
• ReactJs

✅ Autor

Feito por Monalisa Menezes, entre em contato!