Code Monkey home page Code Monkey logo

manutencao-leads's Introduction

Manutenção de Leads

Solução para o case do processo seletivo da EloGroup. Tem como objetivo a criação de uma aplicação (frontend) para manutenção de leads.

Cover

🎨 Design:

O design da aplicação foi criado no Figma, tendo como inspiração o protótipo-base do case. Para acessar o design, clique aqui.

🛠️ Tecnologias Usadas:

  • ReactJS: interface do usuário (UI);
  • React Router: roteamento de páginas;
  • Formik: manipulação de formulários;
  • React Feather: ícones;
  • Styled-Components: estilização;

🔥 Como Executar:

OBS.: É necessário ter o Git e o Node instalados na sua máquina ;)

  1. Clone o repositório: git clone https://github.com/filipealvess/manutencao-leads.git;
  2. Entre na pasta do projeto: cd manutencao-leads;
  3. Instale as dependências: npm install;
  4. Execute a aplicação em ambiente de desenvolvimento: npm start;

Espero que goste ❤️

manutencao-leads's People

Contributors

filipealvess avatar

Watchers

 avatar

manutencao-leads's Issues

Alterar botão de mostrar/ocultar senhas

No momento, a funcionalidade de mostrar/ocultar as senhas é ativada através do botão ao lado do campo de senha (com ícone de olho). Porém, o botão é o mesmo nos campos "senha" e "confirmação de senha", ou seja, são dois botões com a mesma função.

Para ser mais conciso, seria melhor ter apenas um botão com essa funcionalidade, assim como é aplicado pelo sistema de autenticação do Google na criação de uma nova conta.

Mostrar mensagem para lista vazia

Para melhorar a experiência do usuário, é recomendável exibir uma mensagem quando a lista de leads (na página dashboard) estiver vazia.

Além da mensagem, é interessante adicionar uma instrução para que o usuário possa adicionar um novo lead à lista.

Ocultar popup após recarregamento da dashboard

Após a adição de um novo lead, o usuário é redirecionado à página dashboard, onde é exibido um popup com uma mensagem de feedback, mostrando que o cadastro foi bem sucedido.

Se, logo em seguida, a página dashboard for recarregada, o popup aparecerá novamente, o que não deveria ocorrer, já que não houve adição de um novo lead.

A ideia é exibir esse popup apenas após o redirecionamento da página new-lead para à dashboard.

Implementar funcionalidade de logout

No momento, o usuário faz login, mas não consegue fazer logout.

Para solucionar esse "problema", pode ser adicionado um botão que permita o encerramento da sessão do usuário ativo.

Alterar bloqueio/redirecionamento de páginas

As funcionalidades de bloqueio das páginas dashboard e new-lead, assim como o redirecionamento de usuários autenticados para a dashboard, ambas implementadas no PR #11, está redundante.

A implementação é repetida em todas as páginas (login, dashboard e new-lead), onde poderia ser abstraída para o arquivo de rotas (/src/routes.jsx), por exemplo.

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.