devhatt / devhatt/octopost

preview post mode Facebook

Open
#552 2 comments 0 reactions 1 assignee Claimed by @muritadb View on GitHub
good first issue
Dominant language
TypeScript
Stars
75
Forks
45
PR merge metrics
No merged PRs in 30d

Description

## 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)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.