Sua tarefa é criar um sistema web que permita aos usuários fazer upload de arquivos GLB (formato de arquivo 3D) e visualizá-los usando o Model Viewer. Você precisará desenvolver o backend, frontend e o gerenciamento de dados para este sistema.
- Autenticação de Usuário: a. Os usuários podem fazer login usando login e senha. b. A autenticação deve ser integrada com a sua conta para verificar as permissões.
- Upload de Arquivo GLB: a. Crie uma página para permitir que usuários autenticados façam upload de arquivos GLB. b. Valide o formato do arquivo para garantir que seja um arquivo GLB válido. c. Armazene o arquivo.
- Gerenciamento de Arquivos: a. Desenvolva uma página que liste os arquivos GLB enviados pelo usuário.
- Integração com Model Viewer: a. Use o Model Viewer (https://modelviewer.dev/) para exibir os arquivos GLB carregados. b. Crie uma visualização dedicada do Model Viewer para cada arquivo GLB.
Página de Login.
Página de Upload/Gerenciamento de arquivos.
Arquivos .GLB sendo visualizados usando MODEL VIEWER dentro de uma modal.
Primeiramente abra o Cmd ou Terminal e clone o repositório em alguma pasta de sua escolha com
git clone https://github.com/diwalker/Bugaboo-Studio-Test.git, no meu caso em Documentos.
Abra a pasta do projeto com cd Bugaboo-Studio-Test e depois rode npm install e aguarde a instalação das dependências.
Após a instalação de dependências, limpe a tela com cls se for Windows ou clear no Terminal Linux, precisamos rodar o servidor para o gerenciamento do projeto.
Para isso, entre no diretório do gerenciador com cd back e logo em seguida execute o servidor com node server.js. Ele irá ficar rodando na porta:3000 como a imagem abaixo.
Agora, com o servidor rodando. entre a pasta do projeto e abra o arquivo index.html, irá abrir o Form de Login para autencicação.
Entre com o seguinte usuário e senha e clique em Fazer Login:
email: dwalkerserver@gmail.com
password: ogumiansa13@
Irá abrir o Gerenciador de arquivos, com as opções de envio, exibição de arquivos e se clicado no link do arquivo enviado, abre um modal visualizando o arquivo .GLB podendo controlar o arquivodentro do modal com o mouse!
Excelente desafio, que me fez estudar mais sobre a extensão GLB e como a visualizar. Agradeço imensamente a oportunidade e aguardo um retorno positivo.
Diego Silva.