ongbook/front-oficial-test

[DEPRECATE] - Front-end Angular JS 1.x e bootstrap-sb

front-oficial-test's Issues

Refatorar estrutura do projeto para tests

Criar estrutura de teste com Mocha e Chai

suggestion of config

Reference: [email protected]

Example Usage

We start with our task. Our source file is a JSON file containing our configuration. We will pipe this through gulpNgConfig and out will come an angular module of constants.

var gulp = require('gulp');
var gulpNgConfig = require('gulp-ng-config');

gulp.task('test', function () {
  gulp.src('configFile.json')
  .pipe(gulpNgConfig('myApp.config'))
  .pipe(gulp.dest('.'))
});

Assume that configFile.json contains:

{
  "string": "my string",
  "integer": 12345,
  "object": {"one": 2, "three": ["four"]},
  "array": ["one", 2, {"three": "four"}, [5, "six"]]
}

Running gulp test will take configFile.json and produce configFile.js with the following content:

angular.module('myApp.config', [])
.constant('string', "my string")
.constant('integer', 12345)
.constant('object', {"one":2,"three":["four"]})
.constant('array', ["one",2,{"three":"four"},[5,"six"]]);

We now can include this configuration module in our main app and access the constants

angular.module('myApp', ['myApp.config']).run(function (string) {
  console.log("The string constant!", string) // outputs "my string"
});

Implementar autenticação de rede sociais para registro/login

Utilizando a biblioteca Satellizer https://github.com/sahat/satellizer fazer implementação do registro de usuário e login com redes sociais Facebook - Google - Twitter

Correção de bugs e implementação de ng-messages, correção de states.

Necessário correção de bugs da aplicação, implementação de ng-messages para tratamento de erro nos formulários e validação das states

Validar ultimo form do cadastro

Validar processo de autenticação com registro de token pelo interceptors

Implementar controle de necessidades

Verificar por que não ta logando utilizando o username

Build Production

• Implementar estrutura de testes com Mocha, Chai, Sinon
• Criar .eslintrc com padrões do John Papa
• Verificar o funcionamento do eslint do John Papa
• Criar .editorconfig específico para o projeto afim de facilitar práticas o não uso de práticas não exigidas.
• Criar npm scripts para testes unitários da aplicação
• Criar npm scripts para hooks garantindo o uso correto do style guide adotado.
• Refatorar README.md para simplificar o entendimento do projeto e fluxos.
• Implementar integração com Travis CI
• Implementar badges de cobertura com Instanbul e Coveralls
• Subir aplicação para o host.
• Chamada colaborativa

Fazer controle de validação de cadastro com confirmação no e-mail do usuário

Alinhar com back end, qual a forma necessária para que seja feito envio de e-mail de confirmação de cadastro

Implementar serviços para consumir api

Fazer renderização do maps na pagina institucional

Fazer instalação da biblioteca do google maps, configurar maps no angular

Implementar controle de entidades

Itens a serem desenvolvidos na homepage - Institucional - fullPage.js

Itens a serem feitos (precisa de atenção)

No geral:

• Implementar a responsividade com os mediaqueries. Se possível configurar a utilização do pré-processador de css SASS antes.

Navbar - Institucional - top

• Links âncora (fullPage) chamando as seções, nos itens de menu do navbar-home-institucional.
• Logo sem escrito. E Ongbook na font font-family: "lucida grande",tahoma,verdana,arial,sans-serif;.

E em cada seção

Seção 0 - maps

• Tornar o conteúdo em texto clean, torná-lo simples e objetivo. E foco no btn;
• integração do mapa - ngMap;
• botão Conheça agora, ao clicar, listar marcadores a com latitude e longitude das entidades cadastradas, no mapa.

Seção 1 - O que

• produzir vídeo storytelling;
• fazer o vídeo do background funcionar;
• funcionalidade de lightbox ao clicar no ícone “play”, trazendo o vídeo do youtube.
• refatorar para dois panels, um com as METAS (com os três ícones), e ou MÉTRICAS (com quantidade dos cadastros no site conforme esta imagem;
• produzir ícones conforme as Metas. Implementando a funcionalidade da Directive Popove do bootstrap em cada ícone, com o escrito referenciado em cada Meta.

Seção 2 - Atua em alguma ONG?

• Implementar uma funcionalidade de slides no espaço indicado. E preparar os slides para tal.
• Ao clicar no botão “Cadastre-se” chama o mesmo modal do “Crie uma conta” do navbar-institucional;
• Ao clicar no botão “Envie ao amigo” chama o mesmo modal do “Divulgue” da sessão Apoie.

Seção 3 - Apoie

• implementar funcionalidade dos modais nos botões: Divulgue, Fomente e Desenvolva conosco.
• Conteúdo do modal Divulgue;
• Conteúdo do modal Fomente;
• Modal Fomente - Validações dos campos e envio para o email [email protected]
• Conteúdo do modal Desenvolva conosco.

Seção 4 - Parceiros

• implementar a funcionalidade de trazer o avatar do perfil no Github dos desenvolvedores colaboradores, na organização Ongbook.
• alinhar e ajustar verticalmente o conteúdo da sessão (distribuir da melhor forma os espaços).

Seção 5 - Footer (dados contato e endereço)

• Definir quais dados permanecerão e quais se fazem necessários entrar, com base num rodapé responsa ;)

Para implementação desse layout segue este como exemplo: https://ongbook-9c3ec.firebaseapp.com/

Implementar Processo de login

Implementar interceptors para validação de rotas e melhor controle dos erros

Implementar controle de entidades

CRUD de entidades.

Implementar fluxo para validar o interesse do controle de necessidades de uma Entidade

CRUD de necessidades de uma entidade