Projeto referente ao teste técnico da empresa Trakto.
Feito em Angular 15 (TypeScript), com HTML semântico, e todas as telas estão responsivas, podendo ser visualizado em telas como desktop, tablet e mobile.
- O visual deve ser idêntico ao protótipo do figma;
- O projeto deve ser desenvolvido em Angular 2+;
- As requisições à API devem ser reais, e o candidato deve ter uma conta gratuita na trakto para usar suas credenciais para usar a API;
- O repositório deve está publicado no github e o README deve conter todas as informações necessárias para rodar a aplicação.
Link do repositório de origem: "https://github.com/trakto/desafio_frontend"
Como professor da Trakto Educação, eu preciso ter uma plataforma quer siga o protótipo no link https://www.figma.com/file/Ajzapgkl4vrXw8KnHlIwPh/PrototipoTraktoTV, onde eu forneço meu email e senha, e após a validação eu tenha acesso a uma tela com todos os módulos da Trakto Tv. Essa tela inicial deve ter um ícone para: Material didático; Quiz, Desenho e Youtube. Apenas o módulo "Material didático" é obrigatório, e o módulo "Desenho" é opcional e funciona como uma lousa.
O módulo de "Material didático" deve conter a lista dos meus 10 designs que foram editados recentemente e deve ter a opção de listar todos os materiais. Ao clicar na miniatura do design ou no nome do mesmo, deve-se abrir o modo de apresentação do nosso editor em uma nova aba.
Todas as informações sobre a API estão na collectio. do postman na lista de links.
Vercel: "https://trakto-platform-flax.vercel.app/login"
-
Editor de código de sua preferência (recomendado VS code)
-
Git
-
Instalação do Angular CLI através do terminal, digitar: OBS: O primeiro passo para utilizar o Angular CLI é realizar a sua instalação e, para tal, é necessário ter o Node.JS instalado. Caso ainda não o tenha, acesse o site do Node.js e baixe a última versão destinada ao seu sistema operacional.
Com o Node.JS instaladotemos à disposição o comando npm, necessário para instalar o Angular CLI. Neste ponto, será preciso abrir o terminal do seu sistema operacional e digitar a instrução: OBS: Para instruções completas, acesse o site: "https://angular.io/cli"- npm install -g @angular/cli
-
Clonar o repositório do GitHub,no terminal digitar:
- git clone https://github.com/JennyLamego2022/trakto-platform.git
- entrar na pasta trakto-platform e digitar no terminal:
- code .
- npm install
OBS: Após essas etapas o projeto já está pronto pra rodar.
- Para abrir na web, digitar no terminal:
- ng serve --open
O login na aplicação é vinculado ao cadastro feito diretamente no site da Trakto ("https://www.trakto.io");
Acessar com a sua conta que foi criada na Trakto e poderá visualizar todo o conteúdo e seus últimos designs feitos.
OBS: Foi criado um login para teste, caso não tenha conta criada:
email: senha:
Foi muito prazeroso fazer esse projeto, pois tive como explorar muitas funcionalidades no framework Angular e estilização em CSS. Já havia consumido algumas API´s em outros projetos, meu desafio foi aplicar meu conhecimento para entendimento da abordagem da API em questão. Tive alguns contratempos para obter a imagem desejada para ser mostrada no dashboard da aplicação. A indicaçãoestá feita, tanto no codigo quanto no console, onde pode ser visualizado todo o caminho, porém nesse momemnto somente o titulo está carregando. Esetilização pronta para receber a imagem da API.
De qualquer forma, me empenhei bastante, explorando meu conhecimento e habilidades de pesquisa para poder entregar o que foi solicitado.
Ainda tenho uns extras para concluir, que continuarei formatando e finalizando mesmo após a entrega do projeto.
