Projeto Card de perfil com TailwindCSS

Este mini projeto consiste em um card de perfil interativo estilizado com Tailwind CSS. Ele exibe informações do usuário, incluindo foto, nome, cargo, redes sociais e métricas como número de projetos, palestras, artigos e seguidores.

Project preview

Este mini projeto consiste em um card de perfil interativo estilizado com Tailwind CSS. Ele exibe informações do usuário, incluindo foto, nome, cargo, redes sociais e métricas como número de projetos, palestras, artigos e seguidores.

🔨 Requisitos

Criar um componente de Card de Perfil que contenha:

  • Foto do usuário
  • Nome e cargo
  • Ícones das redes sociais
  • Botão de mensagem estilizado
  • Estatísticas (projetos, palestras, artigos e seguidores)

🔨 Desafio extra para quem quer ir além

  • Criar uma versão responsiva para diferentes tamanhos de tela.
  • Adicionar animações sutis com Tailwind CSS.
  • Fazer a integração dos botões das redes sociais com links reais.

🎨 Design Sugerido

Temos uma sugestão de design no Figma. Entretanto, fique à vontade para montar a aplicação conforme a sua criatividade.

Figma

🔗 Link do design

👉🏽 Sobre esse mini-projeto

O que você irá praticar:

Tailwind CSS

  • Utilização de classes utilitárias
  • Responsividade

Junte-se a outras 17 pessoas que estão fazendo esse mini projeto.

Avatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuário