Giter Club home page Giter Club logo

front-end-test's Introduction

Trabalhe na Próxima Porta

Nós acreditamos que comprar imóveis deve ser tão simples como comprar qualquer coisa on-line.

Vamos direto ao ponto!

O queremos saber

Queremos saber o nível que está o seu conhecimento e o quão engajado você está em desbravar novos desafios.

Requisitos básicos

  • Fazer um fork deste projeto
  • Submeter um pull request após finalização do teste
  • De prefência em escrever usando VueJS com NuxtJS
  • Usar a Lib Element-io
  • Estruturar o projeto com README de como executar em Development
  • Para design pode seguir o seu coração

Objetivo

Desenvolver um painel (área logada) onde o usuário entrará com o e-mail e consiga listar, cadastrar e remover seus endereços. A sessão deve ser controlada pelo cookie e seu dados salvos em localStorage.

Teste

  • Desenvolver uma área logada onde o usuário entre apenas com o e-mail e após autenticar deve ser salvo no cookie
  • Exibir o e-mail no cabeçalho com a seguinte frase: Olá [email protected], não é você? (sair) a ação "sair" tem que remover o usuário da área logada, não esquece do cookie!
  • Se o usuário estiver logado ele não poderá acessar a página de /login
  • Se o usuário não estiver logado ele não poderá acessar a página de /minha-conta
  • Na tela inicial do /minha-conta exibir um form para cadastrar endereços
    • Usar a nossa própria api -> Buscar endereços
    • Deverá ser validado se o CEP existe ou não
    • Se não existir, exibir um feedback para o usuário e salvar este CEP inválido em uma variável de cache (Obs. Variável deve ser um Array)
    • Antes de verificar o CEP na api consultar a variável de cache, se CEP estiver nela exibir feedback de "CEP inválido"
    • Para CEP válidos preencher os demais campos automático (street_name, neighborhood_name, city_name, state_initials)
    • Validar campos obrigatórios (postal_code, street_name, street_number, neighborhood_name, city_name, state_initials)
    • Salvar o Endereço no localStorage como um Array com o e-mail do usuário como chave principal
    • Cadastrar um novo endereço e adicionar no Array que está em localStorage
    • Ter a opção de deletar endereços
      • Remover item do Array
    • Toda vez que o usuário entrar trazer os endereços cadastrados (e-mail é a chave principal no localStorage)

Finalização

Boa sorte! Sempre existirá uma Próxima Porta para novos desafios.

Qualquer dúvida pode enviar um e-mail para: [email protected] ou abrir uma issue aqui.

front-end-test's People

Contributors

hebertsilva avatar

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.