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 Twitter/X.
Implementation Details
O componente deve ser exatamente igual a um post da rede social Twitter/X, deverá conter o texto do post, a foto, o nick e o user do usuário.
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 Twitter.
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 twitter.
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 Twitter/X.
Implementation Details
O componente deve ser exatamente igual a um post da rede social Twitter/X, deverá conter o texto do post, a foto, o nick e o user do usuário.
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 Twitter.
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 twitter.![image](https://github.com/devhatt/octopost/assets/134434652/2ada8a01-6c84-4e72-848f-dae7c2e57f38)
Assim:![Design sem nome(3)](https://github.com/devhatt/octopost/assets/134434652/4196fd93-cf75-4d2b-8768-e6f259ec7f80)
Se atente a fazer o layout para cada Preview:![Design sem nome(2)](https://github.com/devhatt/octopost/assets/134434652/b3ab7b17-e7a3-4bb2-99d2-597d70378c14)