Nossa aplicação tem os previews que é o meio da pessoa ver como o post dela vai estar em certa rede social, nessa tarefa deverá ser feito o preview da rede social Facebook.
Implementation Details
O componente deve ser exatamente igual a um post da rede social Facebook, deverá conter o texto do post, a foto, e o nome da conta.
Atenção: O componente deverá se comportar exatamente igual ao tipo de Preview selecionado, por exemplo, se selecionar o Preview de celular, o Preview deve estar do mesmo jeito de como tiver em um celular, como as mesmas medidas, formatações de texto e encaixe do layout. O componente deverá ser adaptativo, pois ele tem que estar com as medidas exatamente iguais ao Preview selecionado.
Deve se atentar que os arquivos de mídia, devem ir para o preview também, e ficar igualzinho ao post mode do Facebook.
A cor padrão do Preview deve ser a Branca, como mostra no visual concepts
Visual Concepts
Você deverar fazer essa parte, porem igual ao do Facebook.
Describe the feature
Nossa aplicação tem os previews que é o meio da pessoa ver como o post dela vai estar em certa rede social, nessa tarefa deverá ser feito o preview da rede social Facebook.
Implementation Details
O componente deve ser exatamente igual a um post da rede social Facebook, deverá conter o texto do post, a foto, e o nome da conta.
Atenção: O componente deverá se comportar exatamente igual ao tipo de Preview selecionado, por exemplo, se selecionar o Preview de celular, o Preview deve estar do mesmo jeito de como tiver em um celular, como as mesmas medidas, formatações de texto e encaixe do layout. O componente deverá ser adaptativo, pois ele tem que estar com as medidas exatamente iguais ao Preview selecionado.
Deve se atentar que os arquivos de mídia, devem ir para o preview também, e ficar igualzinho ao post mode do Facebook.
A cor padrão do Preview deve ser a Branca, como mostra no visual concepts
Visual Concepts
Você deverar fazer essa parte, porem igual ao do Facebook.![image](https://github.com/devhatt/octopost/assets/134434652/2ada8a01-6c84-4e72-848f-dae7c2e57f38)
Assim:![Design sem nome(5)](https://github.com/devhatt/octopost/assets/134434652/f4963d2d-a261-4234-8f04-4451bfc322b7)
Se atente a fazer o layout para cada Preview:![Design sem nome(6)](https://github.com/devhatt/octopost/assets/134434652/a095968c-12b2-447c-8b62-e053fdc460fc)