Teste frontend

Importante: leia todo o documento com atenção.

Descrição: transformar o layout fornecido em código e consumir a API SWAPI - The Star Wars API como base de dados. O layout deve ser igual ao fornecido. Porém, o layout para a listagem de outros profissionais fica a seu critério. A imagem do perfil a ser exibida fica a sua escolha. Utilize as informações sobre o personagem para montar a descrição. Seja criativo! Foco no UI: ao clicar em outro profissional devo ver a tela com as informações sobre ele. Esse repositório deve ser forkado para desenvolvimento do teste pelo candidato e ao final deve ser hospedado no Netlify.

Endereço para o front no Netlify: https://donamaid-challenge.netlify.app

Telas do layout:

Os arquivos do layout estão dentro da pasta Assets/layout ou via Adobe XD

Elementos do layout:

Todos os elementos de imagem para compor o layout se encontram na pasta Assets

Requisitos:

Atenção na sintaxe correspondente a semântica no HTML
Organização e estrutura do código

Nossa stack é VueJS. Porém, não é necessário realizar o teste nesse framework, fique à vontade. Prezamos pelo conhecimento e sabemos que linguagens são ferramentas que podem ser aprendidas.

Observações:

Para fins de demonstração um falso login foi criado, seguem abaixo as credenciais.

email: teste@donamaid.com

senha: '123456'

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate