Portfólio - Section

[ssscassio]

Construção do componente referente ao item de um portifólio

• O Item de Portfólio deve receber 4 props
  • picture: Imagem da primeira dobra do site ou do sistema
  • name: Nome do projeto
  • type: Tipo do projeto (Esse valor também será usado para filtrar os projetos)
  • onPress: Callback para ação de quando clicar no item (Futuramente vamos implementar a navegação para a página do projeto)
• Fazer implementação da feature de mouse-hover do componente
• Opcionalmente: Colocar uma prop de cor relativa a cor de fundo do mouse-hover

Construção do componente de botão

• Criação de componente de botão com duas props:
  • onPress: Callback referente a ação que deve ser executada quando o botão for clicado
  • text: Texto do botão. (Outra opção é usar a implementação via props.children que foi explicada durante o curso)
• O texto do botão sempre fica em upper-case
• Implementar estilo de mouse-hover e focus do botão

• Implementação da lista de portfólio com a possibilidade de filtrar os projetos a serem exibidos ao clicar em um dos botões de filtro
• O filtro selecionado deve ser um state do componente.
• Sugestão: Carregar a lista de projetos a partir de um Json salvo na pasta assets com o nome projects.json para ser mais facil de carregar futuramente.
  Exemplo do Json:

[
   {
      picture: "url-to-file.jpg",
      name: "Absam",
      type: "desktop"
   },
  {
   ...
  },
  ...
]