Git Product home page Git Product logo

eventos-do-bem / frontend-app Goto Github PK

View Code? Open in Web Editor NEW
15.0 15.0 3.0 12.39 MB

A Eventos :heart: do Bem é uma plataforma de arrecadação de recursos P2P dedicada a ONGs, cujo objetivo é transformar eventos comemorativos e divertidos da vida das pessoas em motivação para campanhas de arrecadação voltadas a projetos socioambientais.

Home Page: https://www.eventodobem.com.br

License: Other

CSS 13.81% Shell 0.02% HTML 53.58% JavaScript 32.59%
bem evento ong

frontend-app's People

Contributors

guiseek avatar juniorb2ss avatar nandagiannini avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

frontend-app's Issues

Alterações pagina de pagamento

  • Trocar o texto na página de pagamento por "As seguintes informações são necessárias para enviarmos seu comprovante para o seu email, preencha com cuidado e revise os dados para a doação."
  • Retirar o texto abaixo "Esses dados serão informados ao realizador do projeto"

Referência do layout previsto:
Screen Shot 2017-02-22 at 11.24.01.png

  • Ao selecionar OPÇÃO BOLETO e fechar o modal, um alert em vermelho sem conteúdo é mostrado na página, quando não deveria aparecer nada.

vide imagem do erro: " Screen Shot 2017-02-22 at 13.02.50.png

  • coloque a height da caixa de mensagem para o organizador a 100px

Referência do layout previsto: Screen Shot 2017-02-22 at 11.12.36.png

  • troque a label "Aniversário" para "Data de nascimento" -Screen Shot 2017-02-22 at 12.34.43.png

  • dar um espaçamento do texto abaixo do botão de doação exatamente como a referência do layout a seguir: Screen Shot 2017-02-22 at 11.13.25.png

  • O text area de mensagem do boleto, no canto inferior direito pede 250 caracteres máximo - vide Screen Shot 2017-02-22 at 12.40.57.png - mas a regra de negócio é que somente é aceito 165 caracteres. Tem que alterar o campo, no front, para somente 165.

  • Corrigir no texto que aparece na modal do boleto --"Escreva uma mensagem ...... que assim que o boleo for pago aparecerá na página da campanha!" está escrito "BOLEO" , é "BOLETO"

Gulp + Bower

Trazer as tasks necessárias para um Task Runner (Gulp) e gerenciador de dependências (Bower).
Evitando assim problemas com futuros colaboradores e a necessidade de contêineres de software (Docker).

Crop da imagem do perfil

Implementar crop da imagem do perfil quando o usuário quiser adicionar ou trocar a foto. Isso ajudará a evitar problemas como a issue #2 .

Confirmar email válido - cadastro via facebook

Conforme está o layout de referência do produto final:
tela-confirma-facebook

Quando for efetivado o cadastro do usuário pelo facebook, abrir em seguida após o login uma pop up ---> Escrita: "Olá NOME DO USUÁRIO , por favor confirme seu email para enviarmos informações como recibos de doações e avisos importante relativos à suas campanhas."

Abaixo aparecer um input com o email da pessoa que está cadastrado no facebook já neste input, assim se a pessoa quiser alterar é só editar as informações do input e clicar logo abaixo do input no botão escrito "confirmar email".

Ao ser clicado esse botão atualiza no registro do usuário o email submetido na popup.

O botão está na cor:#249ff6

Correções listagem FAQ

  • Ao adentrar a página é feito 4 requests iguais na API, demorando no load da página. Corrigir para uma requisição apenas.
  • A página esta extremamente grande em sua altura, pois esta carregando previsão de todas FAQ. Limitar apenas para as 5 primeiras FAQ.
  • Implementar um type search no menu direito afins de diminuir ele também e deixar dinâmico a busca.

Acredito que os dois problemas tenha relação, já que observa-se que a paginação da API possui 4 página, e consequentemente é feito 4 requisições para completar a página.

  • Correto: Fazer uma requisição em outra rota buscando listagem de categorias de FAQ para preencher o menu lateral.
  • Discutir melhor forma de implementar API com o frontend, afim de retirar essa carga.

Referência: https://www.eventosdobem.com.br/#/perguntas-frequentes/category/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.