Skip to content

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

Notifications You must be signed in to change notification settings

limaricardo/Seven-INC

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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/

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published