sos-rs / frontend Goto Github PK
View Code? Open in Web Editor NEWAuxílio RS: Projetos de Resposta a Emergências por Chuvas e Alagamentos
Home Page: https://sos-rs.com
License: MIT License
Auxílio RS: Projetos de Resposta a Emergências por Chuvas e Alagamentos
Home Page: https://sos-rs.com
License: MIT License
Tem correlação com a 144, já que se trata do filtro.
Descrição issue:
Ao acessar sos-rs.com, versão desktop, e realizar a busca por filtros, no menu "Status do abrigo" selecionando indisponível aparecem também os que estão sem informação ou com "Consultar Disponibilidade".
Resultado esperado:
Ao selecionar em Filtros - Status do Abrigo - Abrigo Indisponível aparecerem apenas os que estão indisponíveis, da mesma forma que ao seleciona-lo ser modificado no "cabeçalho" a quantidade de abrigos indisponíveis e não com a escrita, disponíveis.
Da mesma forma que ao selecionar os que não tem informação de disponibilidade aparecerem como Abrigos sem informação e não como disponíveis no cabeçalho.
Teste:
Acesse o site sos-rs.com
Selecione a opção "Filtros"
Selecione Status do Abrigo Indisponível, clique no botão Filtrar resultados.
Confira o cabeçalho com a quantidade de abrigos e também o descritivo dos abrigos se está apenas como indisponível ou com Consultar disponibilidade.
Seria uma boa colocar uma licença de software livre. Recomendo MIT, ou Apache2 em segundo lugar.
Ao entrar para editar os itens de um abrigo, os itens de cada categoria estão com a ordenação invertida de Z para A.
Torna mais difícil encontrar os itens do que seguindo a ordenação A-Z, geralmente padrão.
Baixa
Inverter a ordenação dos itens em cada categoria para que seja alfabética.
Talvez isso impacte um pouco usuários que já estão acostumados a cadastrar muitos itens, entretanto acredito que possa trazer um benefício para novos usuários a medida que o sistema é escalado.
Samsung S23FE, Google Chrome
Descrição
Atualmente os filtros são focados em itens e categorias dos abrigos, não sendo possivel filtras pela sua localidade. Com o dado endereço presente, é uma informação a mais para se incluir nos filtros
User Story
Como usuário quero buscar os abrigos pela sua localização, filtrando por Bairro e/ou cidade os abrigos.
Caso de uso
Regras de negócio
Testes
Acessar sos-rs.com
Acessas filtros
_Filtro Cidades:_
- Verificar se as cidades exibidas são as mesmas listadas no banco de dados
- Verificar se, ao não selecionar uma cidade, o filtro funciona normalmente, exibindo todos os critérios sem distinção de cidade
- Verificar se, ao selecionar apenas cidade, todos os abrigos de determinada cidade são exibidas independente dos outros critérios
- Verificar combinações de critérios com cidades (incluir critérios e cidades, verificar se todos são listados)
_Filtro Bairro:_
- Verificar se o filtro se mantem INATIVO quando não selecionado cidade
- Verificar se o filtro se torna ATIVO quando selecionado cidade
- Verificar se a busca se mantém mesmo quando não selecionado nenhum bairro
- Verificar se os bairros exibidos correspondem exclusivamente a cidade selecionada conforme banco de dados
- Verificar se, ao selecionar apenas cidade e bairro, todos os abrigos de determinada cidade e bairro são exibidas independente dos outros critérios
- Verificar combinações de critérios com bairros (incluir critérios e bairros com cidades, verificar se todos são listados de acordo com a seleção)
É interessante garantir uma revalidação dos dados na listagem dos abrigos na página principal ao invés do botão de refresh no canto superior direito da tela.
O SWR do next pode ser bem interessante de ser utilizado para isso, assim como o react query
Documentações:
https://swr.vercel.app/pt-BR
https://tanstack.com/query/latest/docs/framework/react/overview
Exibir em mapa a minha localização e a localização dos abrigos mais próximos facilitaria a quem tem recursos e não sabe onde direcionar, e também o inverso, quem precisa de recursos e não sabe onde encontrar.
Esse mapa geral poderia ficar na página inicial, mas também adicionar na página dedicada um mini mapa com a rota de como chegar lá
Baixa
Integrar com a api do google mapas
A ideia seria adicionar forma de feedback onde as pessoas pudessem falar o que ta funcionando bem e o que poderia ser melhorado.
Criar uma página para totalizar as informações de abrigos, necessidades por categoria e disponibilidade.
A ideia é ter links nos itens para direcionar para a listagem geral filtrada.
Dentro dos cards de necessidade, os indicadores são o número total de abrigos que tem necessidades daquela categoria marcadas como: urgente, precisa e disponível para doação. É interessante ter um tooltip (que seja exibido também ao clicar, para mobile)
Pessoal assim como pedimos no rep de backend ajudaria muito pra organizar que ta mandando doação de longe um totalizador no topo da home informando quais itens são mais pedidos em todos os abrigos!
de preferencia com alguma cor que de destaque pra isso, junto do aviso ali (na opinião é um info bem relevante)
Ao acessar a tela para adicionar um item a um abrigo, existem alguns itens que não deveriam aparecer na listagem.
Itens que não são itens reais e não deveriam aparecer na listagem para serem adicionados a um abrigo:
Baixa
Ajustar o cadastro dos itens mencionados
Samsung S23FE, Google Chrome
Descrição issue:
Ao acessar sos-rs.com , e realizar a busca por filtros, o menu ítens aparece em Ordenação alfabética invertida, onde o final do alfabeto aparece antes do inicio. O menu Categoria não está ordenado alfabeticamente
Resultado esperado:
Números em ordem crescenteaparecem primeiro, posteriormente alfabeto em sequencia inicial começando pela letra A (ordem alfabética). Este comportamento deve se aplicar a todos os dropdowns para seleção em Filtros (Itens, Categorias).
Teste:
[ Sugestão ]: Implementar um filtro de suprimentos no campo de busca do site.
Justificativa: Muitos doadores desejam contribuir com itens específicos e podem ter dificuldade em identificar quais abrigos necessitam desses suprimentos. Ao adicionar um filtro de busca por suprimentos, facilitaremos o processo de doação, conectando doadores aos abrigos com maior necessidade dos itens que eles têm disponíveis para doar.
Impacto Esperado: Acredito que essa melhoria não apenas otimizará o tempo dos doadores, como também acelerará a distribuição de recursos essenciais aos abrigos que mais precisam.
Pensei em ter tabs no header ou um menu hamburger mesmo pra ir pra uma página onde seja mostrado o nível do guaíba, jacuí, gravataí. Seria apenas informativo mesmo, dá pra integrar com o SACE do sgb.gov.br.
Não encontrei sugestoes proximas, pessoa desculpas se for repetido.
A interface permite que abrigos informem doações faltantes e em alguns casos, por uma questão de logística, abrigos tendem a ter mais itens do que outros. A idéia é criar uma interface de notificação entre abrigos para que estes possam realizar troca de itens faltantes e que sobram, melhorando a logistica interna.
User Story: Como um representante de abrigo, quero receber notificações quando um abrigo tiver em sobra algum item que está em falta em minha representação, podendo entrar em contato e viabilizar a logística do espaço.
Regras:
Obs: Requer implementação back-end . Esta issue será replicada em Back-end issues.
Gostaria de deixar como sugestão adicionar NOME E CONTATO do abrigo no site. Esta informação ajudaria bastante na comunicação com o local para que o abrigo receba doações ou ajuda de voluntariado.
Uma área de interação onde pessoas pudessem conversar sobre tal abrigo para decidir quais ações deverão ser tomadas para facilitar a logística, por exemplo.
Estou disposto a codar, caso seja aprovado.
O navbar não está fixo ao scrollar a página principal, conforme vídeo abaixo:
Seria interessante fixar esse navbar de modo que acompanhasse o scroll do usuário
Estamos tentando organizar a logística de entrega de mantimentos com caminhões e como a ordem estar por prioridade, fica difícil de avaliar os locais próximos.
A sugestão é que exista uma opção para ordenar por proximidade utilizando a localização atual e o destino do abrigo.
Para facilitar a vida de quem precisa saber os abrigos mais próximos, seja:
Objetivo:
Melhorar significativamente a eficiência e transparência na gestão de recursos em emergências, assegurando que os itens necessários cheguem às áreas mais necessitadas de forma rápida e organizada, evitando desperdícios e duplicações.
Através de um inventário público e dinâmico, permitir que os administradores de cada centro registrem e atualizem as quantidades de itens recebidos e distribuídos. Este inventário será acessível em tempo real para todas as entidades envolvidas, incluindo outros centros de distribuição, ONGs, agências governamentais e o público geral.
Principais Características:
Cadastro e Atualização de Inventário: Os administradores podem inserir novos itens ao estoque, atualizar quantidades e registrar saídas conforme a distribuição. O sistema oferecerá opções para categorizar os recursos (como alimentos, medicamentos, roupas, etc.) e incluir detalhes específicos (como validade, necessidades especiais de armazenamento, etc.).
Visualização em Tempo Real: Todos os usuários autorizados poderão visualizar o status atual dos estoques, com atualizações em tempo real que refletem as mudanças à medida que ocorrem. Isso inclui visibilidade das necessidades iminentes e dos excessos em determinadas localidades.
Integração com Mapa Interativo: A localização e o status dos centros de armazenamento serão integrados a um mapa interativo, facilitando a identificação de recursos próximos e a coordenação logística para distribuição eficiente.
Relatórios e Análise de Dados: Proporcionará relatórios detalhados sobre as atividades de cada centro, incluindo taxas de turnover de recursos, padrões de demanda e eficiência na distribuição, apoiando decisões estratégicas e operacionais.
Oi pessoal, vou tentar ajudar da melhor forma possível aqui. Teria como nós termos uma página onde mostra o gráfico de doações? Então, fiz um gráfico disso aqui:https://stookebreakup.github.io/dashboard.github.io/
pull request aqui: #97
a vantagem é que seria uma forma de ter feedback sem ter um formulário disso, apenas com os dados disponíveis disso. é um jeito rapido de ter feedback: #34
Ao acessar sos-rs.com, versão mobile (Xiaomi Redmi Note 9S) no navegador Chrome, e clicar no filtros para depois clicar no "Buscar por abrigo ou endereço", aparece o teclado do mobile, mas não consigo verificar o que escrevi na parte "Buscar por abrigo ou endereço" já que a rolagem trava.
A rolagem seguir adequadamente com a janela apresentada ao selecionar o ícone "Filtros".
Acesse o site sos-rs.com
Clique no ícone Filtros
Clique na barra de pesquisa "Buscar por abrigo ou endereço", role para baixo e veja se retorna até a barra.
Inserir quem procura e quem encontrou, tipo denuncia ao contrário.
Sugiro adicionar na descrição do projeto e na coluna About o link para o site
Ao acessar o "filtros", selecionar "itens" e verifica-los, aparecem alguns itens repetidos.
Itens repetidos:
Xampu Adulto
Fralda Geriatrica (com e sem acentuação)
Voluntário - tarde
Voluntário - noite
Voluntário para animais
Vinagre
Veterinários
Açucar (com e sem acentuação)
Agua
Agua potavel
Agua Sanitaria
Arroz
Balde
Feijão
Alcool em gel
Caixa de Transporte
Baixa
Verificar o cadastro dos itens com repetição, tendo alguém como ADM para cadastro ou coisa do tipo.
Desktop - Windows 10, Microsoft edge
Adicionar filtro para buscar abrigos que não estejam lotado
Acredito que seria bom adicionar o Trello, ou algo do similar, ao projeto para organizar as tasks.
Possa ser que futuramente um DEV crie uma commit já existente.
Sugiro adicionar o About da mesma forma que foi feita a iniciativa backend.
Atualizar o README desse projeto para a mesma estrutura que foi utilizado ao back também seria interessante , complementado a sugestão que a Carol fez em #31 (comment).
Parabéns pela iniciativa.
Ao acessar sos-rs.com, versão desktop, e verificar o endereço observa-se Rua, R, Av, AV, Avenida.
A Mitra Da Arquidiocese De Poa Paroquia São Jorge - Dr. Salvador França, 120, Partenon, sem identificação de Rua ou Avenida. A Igreja Impactando Gerações - Bernardino Silveira Amorim, 1479, da mesma forma.
Ao verificar os abrigos, que se tenha uma padronização.
Já que sem isso, pode dificultar para a parte de Geolocalização, podendo impactar no (#150) e nos que estão correlacionados e ele.
Acesse o site sos-rs.com.
Verifique os endereços.
Como resolver: verificar se a branch master possui novas funcionalidades em relação a branch develop.
Caso não tenha, usar os dados da branch develop como o que deve estar em produção...
Recomendação: padronizar as branchs no seguinte fluxo:
A galera que for contribuir só vai ter acesso a branch de desenvolvimento. O código irá subir para a homologação e deve ser testado pelos administradores do projeto e só após testes com 100% de certeza da funcionalidade sem nenhum problema deve de fato subir para a produção.
Lembrem-se de que pessoas estão confiando em vossas informações. Erros devem ser mitigados.
Criar um sistema de controle de marmitas, indicando o número de marmitas necessárias, quantas já estão programadas para serem entregues, por abrigo.
Motivo: Na minha cidade estamos com dificuldade de realizar essa gestão. Pois ao enviarmos marmitas para um abrigo, este abrigo já recebeu marmitas. Com esse sistema seremos mais efetivos na distribuição e no controle de quantidade de marmitas.
<Header />
, <Component />
e <Footer />
.props
para o <Header />
, como as metatags title e description, melhorando o SEO.<Header />
e <Footer />
em cada página.Essa solução também pode ser a solução para a troca do ícone do Hámburguer #149 por um "X", já que permite passar o State se o menu está aberto, permitindo trocar o ícone para um "X".
Gostaria de ajudar vcs, e tbm tenho outros amigos q podem ajudar, mas precisamos alinhar algumas coisas e pegar o contexto, poderiam passar o link?
Gostaria de saber como está o mapeamento das atividades em andamento e tarefas disponíveis para serem escolhidas por desenvolvedores voluntários.
Adicionar alguns textos , imagens e videos para rede social ja prontos, para facilitar o compartilhamento no README.md.
Sim o espaçamento seria interessante, você tem interesse em adicionar @okayosilva.? Acredito que mudar o local para abaixo dos filtros pode trazer confusão e fazer o usuário achar que essas dados tem vinculo com o filtro ou a busca.
Originally posted by @gmenti in #67 (comment)
Entendo, porém podemos pensar algo que seja melhor, uma seção no topo talvez, não sei podemos pensar nisto. mas por agora esta bom! parabéns e muito obrigado por ajudar!
Ao verificar no site existem alguns locais que estão desativados.
Ao realizar a busca por abrigo ou endereço, digitando desativado, encontrei alguns locais desativados.
1 - Retirada/remoção dos abrigos que estão desativados, caso a informação esteja correta e foi passada por fonte confiável.
2 - Criar um filtro de locais desativados. Caso opte por isto, deverá modificar o cabeçalho de Abrigos disponíveis para Abrigos desativados.
Desktop, Windows 10 - Microsoft Edge.
Ao listar um abrigo, mostrar o endereço completo, por vezes fica difícil entender ou sugerir um abrigo para alguém por não saber a cidade em que está posicionado.
Existem muitas pessoas de fora do Rio Grande do Sul apoiando em buscas e atendendo pessoas procurando abrigos e ajuda.
Na seção "Sobre o abrigo" quando mostra detalhes do abrigo, repetir o nome da cidade e deixar mais fácil de procurar a localidade em alguma ferramenta de mapas.
Exemplo:
Eeeb Gomes Carneiro
Praça Paulo De Aragão Bozano
https://sos-rs.com/abrigo/806120c1-8d63-4f67-9351-eb3253cad789
O Geraldo Santana tem a mesma questão... quem é de Porto Alegre sabe que é um clube de Porto Alegre, mas quem está de fora pode ficar sem saber indicar.
https://sos-rs.com/abrigo/b86e6275-e274-4091-b36a-346a2f6d25a7
Neste cadastro não tem a informação mas quem mora em Porto Alegre provavelmente vai saber indicar onde fica.
EEEB Gomes Carneiro
Escola Estadual de Educação Básica Gomes Carneiro
Pca Paulo De Aragao Bozano Sn - Vila Ipiranga, Porto Alegre - RS, 91360-160
Alguns abrigos cadastrados tem a indicação da cidade no título, outros no endereço e outros não tem.
Uma possível tarefa, que esta acaba mostrando, é conseguir separar endereços de abrigos que precisam de revisão. Ter pessoas ajudando a completar os endereços dos abrigos para facilitar atividades de busca.
Olá!
Sugiro fixar o footer da página pois o link de cadastro de novos abrigos e até mesmo o link de repositório do github ficam escondidos, a menos que voce faça uma busca bem restritiva.
Adicionar filtro de cidade para que outras cidades possam utilizar. Moro em Rio Grande e gostaria de Adicionar os abrigos daqui. Obrigado.
Pelo que percebi pelo front-end o abrigo para pets está cadastrado jundo com abrigos para pessoas, sem categorizar os mesmos, a única diferença tá no nome (titulo) do abrigo
Ótimo dar o feedback de quantas pessoas estão abrigadas no local, pode ser um ponto importante na decisão de onde direcionar recursos.
Da mesma forma, ter a quantidade de pets que estão sendo abrigados ajuda na decisão de quem tem os recursos e quer levar aos animais que também precisam de cuidados.
BAIXA
citei as categorias - só para humanos, só para pets domésticos, ou humanos + pets domésticos
é relevante adicionar tambem a categoria centro de distribuição, um local onde a população necessitade pode ir buscar suprimentos, mas não tem espaço para servir de abrigo
Alguns abrigos não cadastram os suprimentos de forma detalhada e alguns usuários também não fazem a busca de forma detalhada. Às vezes uma busca por pão de forma não retorna um abrigo que cadastrou a necessidade de pão. Existem poucas categorias, então a ideia seria dar a possibilidade de juntar supplies em grupos maiores. Dessa forma, a sugestão é adicionar uma coluna supply_id
à tabela supply
com um self-relation para outro supply
para facilitar a busca.
Exemplo: "Feijão", "arroz", "farinha" teriam uma referência para o supply "Alimentos não perecíveis". Dessa forma, uma busca filtrando por Feijão retornaria Alimentos não perecíveis e vice-versa.
"Gás de cozinha" poderia ser um supply como subgrupo de outros itens como "Botijão de Xkg", "Pão" seria de quaisquer sub-tipos de pães, etc.
Ao acessar a tela para adicionar item a um abrigo, existem muitos itens que não pertencem a categoria "Medicamentos", mas aparecem como se incluídos nela ao tentar adicionar items a um abrigo - e outros que poderiam estar nessa categoria estão em outras categorias.
Categoria Medicamentos poluída com itens que não pertencem a ela - e tendo ausência de itens que poderiam estar lá.
Os seguintes itens poderiam estar incluídos na categoria Medicamentos (atualmente, estão nas categorias citadas):
Incluído em "Higiene":
Incluído em "Outros":
Os seguintes itens provavelmente não deveriam estar incluídos na categoria Medicamentos:
Entre muitos outros...
Baixa
Ajustar o cadastro dos itens mencionados vinculando-os à categoria correta
Samsung S23FE, Google Chrome
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.