Tarefa 15 App Social com Material UI
Utilizando a ferramenta CodeSandbox e o template React, Implemente uma aplicação que represente a sua rede social. Esta aplicação deve conter: Um layout que contenha um cabeçalho, um menu principal, um feed de postagens de amigos, uma área com a relação de amigos e uma área com a relação de sugestões de amizade. As postagens de amigos devem conter uma imagem, um título, um texto, uma data de publicação, o autor da postagem, o avatar do autor da postagem, a quantidade de curtidas, a quantidade de compartilhamentos e uma lista de comentários. A relação de amigos deve apresentar a foto, o nome e a quantidade de amigos em comum. A relação de sugestões deve apresentar a foto, o nome e um amigo em comum entre você e a sugestão apresentada. A página deve ser toda componentizada; Os dados dinâmicos de um componente não pode estar ‘mockado’ dentro dele, esses dados devem ser passados para o componente renderizar; A página tem que estar responsiva; O layout e o estilo da página ficam a seu critério. Eu sei que você já pode ter feito algumas vezes este trabalho anteriormente, porém agora você tem uma outra condição: os elementos da sua página, quando possível e útil, devem ser componentes React com Material UI e todos os elementos que se repetem na mesma, como a relação de amigos, devem ser criados pela reutilização de um componente genérico/personalizável.
Abuse da criatividade.
Pense Mobile-First!