https://github.com/hdev14/teste-allugator-frontend
UI para API de consultas de funcionários.
https://github.com/hdev14/teste-allugator-frontend
reactjs typescript
Last synced: 9 days ago
JSON representation
UI para API de consultas de funcionários.
- Host: GitHub
- URL: https://github.com/hdev14/teste-allugator-frontend
- Owner: hdev14
- Created: 2020-11-13T22:11:30.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-11-14T22:46:13.000Z (over 4 years ago)
- Last Synced: 2025-02-16T20:15:02.312Z (3 months ago)
- Topics: reactjs, typescript
- Language: TypeScript
- Homepage:
- Size: 2.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Teste Allugator (Frontend)
# Solução
Para esse teste optei por desenvolver apenas uma única tela que lista todos os funcionários em uma tabela. Cada linha da tabela possui opções para efetuar operações de editar ou excluir. No canto superior direito é possível cadastrar um novo funcionário, e logo acima da tabela o usuário pode pesquisar, escolhendo o tipo da pesquisa através de um input de seleção. Por exemplo, se caso algum usuário deseje pesquisa por faixa salarial, o mesmo escolherá esse tipo de consulta e o formulário de pesquisa ao lado refletirá essa escolha.
# Uso
## Pre-requisitos
Para iniciar esse projeto é necessário primeiramente instalar todas as dependências e tecnologias para executar o ambiente de desenvolvimento.
- [Node](https://nodejs.org/en/) & NPM/[Yarn](https://yarnpkg.com/)
### Instalar dependências
```sh
$ npm install
```
ou
```sh
$ yarn
```
## Execução
Após o download de todas as tecnologias e dependências, basta seguir esses passos:
1. Copie o arquivo env.example e coloque os valores corretos para as variáveis de ambiente:
```sh
$ cp .env.example .env
```
2. Execute o projeto em modo de desenvolvimento:
```sh
$ npm run start
```
ou
```sh
$ yarn start
```
## Tecnologias utilizadas
- [X] ReactJS e Typescript;
- [X] Styled-components;
- [X] Axios;
- [X] React-toastify;
- [X] ESLint e Editorconfig;