Skip to content

Latest commit

 

History

History
92 lines (64 loc) · 3.4 KB

README.md

File metadata and controls

92 lines (64 loc) · 3.4 KB

SVN - Sistema de gestão de funcionários

Sobre o projeto

https://seven-front-end.netlify.app/

SVN é uma aplicação front-end web com responsividade para ser acessada por mobile construída durante o processo seletivo para o Grupo Seven.

A aplicação consiste em um sistema de gestão de funcionários, onde será possível realizar uma listagem dos funcionários, exibir todas as informações destes, assim como um formulário para criar novos funcionários. Também será possível editar funcionários existentes assim como excluí-los.

Requisitos:

  • Listagem de funcionários, contendo nome, e-mail, telefone, salário e data da contratação;
  • Tela com a exibição dos detalhes de um funcionário
  • Formulário para a criação de um novo funcionário;
  • Formulário para a edição dos dados de um funcionário;
  • Botão para remoção de um funcionário.

Layout responsivo para mobile

Página principal

Mobile 1

Informações detalhadas do Funcionário

Mobile 2

Cadastro de novo funcionário

Mobile 3

Tela para editar informações do usuário + Notificação Toastify

Mobile 4

Layout web

Página principal

image

Páginação - (Segunda página da tabela)

image

Tela de cadastro - (Botão 'disabled' com validação do form)

image

Notificação Toastify - Usuário cadastrado com sucesso

image

Informações detalhadas do funcionário

image

Tela para editar informações do usuário - (Botão validado + Notificação Toastify)

image

Front end

  • HTML / CSS / JS /
  • ReactJS
  • MaterialUI
  • Styled Components
  • Formik
  • React Toastify

Implantação em produção

  • Front end web: Netlify

Front end web

Pré-requisitos: npm / yarn

# clonar repositório
git clone https://github.com/limaricardo/Seven-INC


# instalar dependências do projeto, caso necessário:
npm install

npm i @date-io/dayjs dayjs
npm i @emotion/react @emotion/styled
npm i @mui/icons-material @mui/material @mui/styled-engine-sc @mui/x-date-pickers
npm i formik
npm i react-router-dom
npm i styled-components
npm i yup
npm i react-toastify



# executar o projeto
npm start

Autor

Ricardo Pereira Lima

https://www.linkedin.com/in/ricardo-pereira-274b22aa/