queplanta/frontend

QuePlanta's frontend in ReactJS

frontend's Issues

Cadastro de coleções de Indivíduos

• O usuário deve ser capaz de cadastrar coleções de indivíduos.

• O usuário deve ser capaz de compartilhar suas próprias coleções com outras pessoas

Características da planta

• O usuário deverá poder escolher o tipo de planta ao cadastrar ou adicionar em uma planta já existente

{
  arbóreas: {
    árvores,
    palmeiras,
    coníferas,
  },
  trepadeiras,
  arbustos,
  herbáceas: {
    herbáceas,
    forrações,
    pisos_vegetais,
  },
};

Buscar localização por endereço

No mapa do Que Planta não é possivel buscar a localização digitando o endereço desejado no momento.

História a ser desenvolvida:

• Utilizar a API do Geocoding - não precisa renderizar o mapa.

• Buscar por um package pra React, como esse aqui. Ele é um component pra criar o mapa mas oferece uma ideia interessante de como carregar o script do google de uma forma mais "react" e usa-lo apenas quando necessario, ou seja, apenas o mapa com o campo de busca vai carregar aquele script. Se adicionar como o google está sugerindo todas as paginas iriam carregar esse script ate quando não fosse preciso.

• No component MapGeolocated colocar um campo de busca por texto ali no topo direito no mapa.

• Alterar o state ao obter do google a [latitude, longitude] do respectivo endereço :)

Adicionar Usos

Cada perfil de planta deverá permitir ao usuário incluir os usos da planta.

• O usuário deverá conseguir incluir os tipos de uso conforme as categorias.

USAGES_CHOICES = (
    (USAGE_FOOD, _('Food')),
    (USAGE_ORNAMENTAL, _('Ornamental')),
    (USAGE_MEDICINAL, _('Medicinal')),
    (USAGE_WOOD, _('Wood')),
    (USAGE_DYE, _('Dye')),
    (USAGE_ENERGY, _('Energy')),
    (USAGE_OTHER, _('Other')),
)

• O usuário deverá conseguir incluir um texto que descreva o uso.

https://github.com/queplanta/frontend/compare/usages

Botão de voltar no mobile e breadcrumbs

UX/UI da tela perfil da planta

• Desenvolver o layout do profile da planta baseado em Material-UI
  Lembrar da nova tela de usos

Criar component <NextPage to="/proxima-pagina" /> e PreviousPage para criar paginação em documentos

• Next Back Button

Adicionar extratos das plantas

• O usuário deverá conseguir adicionar o extrato da planta no profile da planta

Emergente
Alto
Médio
Baixo
Rasteiro
Trepadeira

Bug bobo na rota /diretorio/membros/e

Ao renderizar o componente dessa rota, a chave avatar do objeto user (passado nas props) vem como null e isso faz a página crashar.

Provavelmente essa informação não tá sendo enviada pelo backend (parte que eu não manjo muito). Mas pra corrigir isso provisoriamente no front-end, eu modifiquei a linha 15 do arquivo /directories/UserListItem.js assim:

<Avatar alt={user.username} src={user.avatar ? user.avatar.url : ''} />

👍