Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Implementação de Campo de Upload de Imagem com Animação de Destaque #24

Closed
Tracked by #108
, #235 ,  #97 ,  #107 ,  #130 ,  #131 ,  #132 ,  #133 ,  #134 ,  #135 ,  #136 ,  #137 ,  #138 ,  #139 ,  #140 ,  #141 ,  #142 ,  #143 ,  #144 ,  #145 ,  #146 ,  #147 ,  #148 ,  #149 ,  #150 ,  #151 ,  #152 ,  #153 ,  #154 ,  #155 ,  #156 ,  #157 ,  #158 ,  #159
...
Alecell opened this issue Dec 15, 2023 · 2 comments
Closed
Tracked by #108
, #235 ,  #97 ,  #107 ,  #130 ,  #131 ,  #132 ,  #133 ,  #134 ,  #135 ,  #136 ,  #137 ,  #138 ,  #139 ,  #140 ,  #141 ,  #142 ,  #143 ,  #144 ,  #145 ,  #146 ,  #147 ,  #148 ,  #149 ,  #150 ,  #151 ,  #152 ,  #153 ,  #154 ,  #155 ,  #156 ,  #157 ,  #158 ,  #159
...

Implementação de Campo de Upload de Imagem com Animação de Destaque #24

Alecell opened this issue Dec 15, 2023 · 2 comments
Assignees
@nathalia-84
Labels
good first issue Good for newcomers

Comments

@Alecell
Copy link
Contributor

Alecell commented Dec 15, 2023 •
edited
Loading

Describe the feature
Desenvolvimento de um campo de upload de imagem com animação de pulsação para o PetDex, seguindo o design especificado.

Description Implementar um input de imagem que permita aos usuários fazer upload de uma foto principal para o perfil de seu pet. Este componente deve incluir uma animação sutil de pulsação ao redor do círculo para chamar a atenção para a ação de upload.

Use Case

Este campo de imagem será usado na criação ou edição do perfil de um pet, permitindo que os usuários personalizem o perfil adicionando uma foto.


Implementation Details

O campo deve ser implementado com um feedback visual claro para o usuário, tanto para o estado de espera do upload quanto para quando uma imagem é selecionada. A animação de pulsação deve ser suave e não intrusiva.


Visual Concepts

As representações visuais podem ser encontradas no layout do Figma: Layout PetDex.

image


Additional Information

O componente deve ser responsivo e acessível, com suporte a leitores de tela e interações via teclado.

Perguntas Pendentes:

  • A animação de pulsação tem especificações de duração ou estilo que devem ser seguidas?
  • Existe uma limitação no tamanho ou formato do arquivo de imagem que pode ser carregado?

Recomendações:

  • Testar a acessibilidade da animação e do componente de upload com usuários reais e ferramentas automatizadas.
@Alecell Alecell changed the title Input de imagem principal de acordo com o layout Implementação de Campo de Upload de Imagem com Animação de Destaque Dec 16, 2023
@Alecell Alecell added the good first issue Good for newcomers label Dec 16, 2023
@nathalia-84
Copy link
Contributor

Eu quero!!!

@Alecell
Copy link
Contributor Author

Alecell commented Dec 19, 2023

Ponto: 21

nathalia-84 added a commit to nathalia-84/pet-dex-frontend that referenced this issue Jan 24, 2024
@nathalia-84
feat: Create and adjust the UploadImage component
2f131ee 
closes devhatt#24
nathalia-84 added a commit to nathalia-84/pet-dex-frontend that referenced this issue Feb 1, 2024
@nathalia-84
feat: A component to upload images, code with corrections made in cod…
9a0284b 
…e review

fic devhatt#24
nathalia-84 added a commit to nathalia-84/pet-dex-frontend that referenced this issue Feb 1, 2024
@nathalia-84
feat: Made adjustments in the Upload Image component
3661ad9 
fix devhatt#24
nathalia-84 added a commit to nathalia-84/pet-dex-frontend that referenced this issue Feb 1, 2024
@nathalia-84
feat: Create and adjust the UploadImage component
6d272b0 
closes devhatt#24
nathalia-84 added a commit to nathalia-84/pet-dex-frontend that referenced this issue Feb 1, 2024
@nathalia-84
feat: A component to upload images, code with corrections made in cod…
9f4c897 
…e review

fic devhatt#24
nathalia-84 added a commit to nathalia-84/pet-dex-frontend that referenced this issue Feb 1, 2024
@nathalia-84
feat: Made adjustments in the Upload Image component
685197f 
fix devhatt#24
@Alecell Alecell closed this as completed in 5ab2c9c Feb 2, 2024
nathalia-84 added a commit to nathalia-84/pet-dex-frontend that referenced this issue Feb 3, 2024
@nathalia-84
feat: Create and adjust the UploadImage component
39517cd 
closes devhatt#24
nathalia-84 added a commit to nathalia-84/pet-dex-frontend that referenced this issue Feb 3, 2024
@nathalia-84
feat: A component to upload images, code with corrections made in cod…
59c3925 
…e review

fic devhatt#24
nathalia-84 added a commit to nathalia-84/pet-dex-frontend that referenced this issue Feb 3, 2024
@nathalia-84
feat: Made adjustments in the Upload Image component
3d07b25 
fix devhatt#24
Alecell pushed a commit that referenced this issue Feb 5, 2024
@nathalia-84
feat: add upload image component (#66)
72cb253 
* Criei um componente de upload de imagem

* feat: Create and adjust the UploadImage component

closes #24

* Made some adjustments in UploadImage component

* feat: A component to upload images, code with corrections made in code review

fic #24

* feat: Made adjustments in the Upload Image component

fix #24
This was referenced Mar 13, 2024
Closed
Closed
@PiluVitu PiluVitu mentioned this issue Mar 13, 2024
Open
2 tasks
This was referenced Apr 10, 2024
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
This was referenced Apr 10, 2024
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
@Alecell Alecell mentioned this issue May 18, 2024
Open
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@nathalia-84 nathalia-84

Labels
good first issue Good for newcomers
Projects
PetDex frontend
Status: Closed
Milestone
No milestone
Development

No branches or pull requests
2 participants
@Alecell @nathalia-84