Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wyvern800/test-front-vizpert
React;js challenge/test for Vizpert front-end
https://github.com/wyvern800/test-front-vizpert
reactjs
Last synced: 14 days ago
JSON representation
React;js challenge/test for Vizpert front-end
- Host: GitHub
- URL: https://github.com/wyvern800/test-front-vizpert
- Owner: wyvern800
- License: mit
- Created: 2021-12-24T03:20:57.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2021-12-29T15:48:49.000Z (about 3 years ago)
- Last Synced: 2024-11-02T08:08:24.152Z (2 months ago)
- Topics: reactjs
- Language: JavaScript
- Homepage: https://tech-library-vizpert.netlify.app/
- Size: 806 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# test-front-vizpert
## PROVA TÉCNICA DE DESENVOLVIMENTO FRONT-END
## Bibliotecas extras
```
"analog-clock-react": "^1.3.0",
"react-beautiful-dnd": "^13.1.0",
"react-router-dom": "^6.2.1",
"styled-components": "^5.3.3",
```
## Como rodar? (Utilizei o yarn por preferência)
```bash
1. yarn install
2. yarn start
3. Abra o link em algum navegador http://localhost:3000 e voilá
```
### O que você deve fazer:
Você deve codificar uma aplicação web Front-end em React JS utilizando o Layout proposto.
### Sobre a aplicação:
O app consiste basicamente em uma estante de livros onde o usuário poderá organizar livros e ordená-los com base em alguma característica dos mesmos. Deverá ser possível acessar tanto de um computador quanto de um celular.
## Features obrigatórias:
- [x] (2 listagens de livros (prateleiras))
- [x] (Permitir a troca das posições dos livros arrastando e soltando, podendo ser para a mesma prateleira ou não.)
- [x] (Ao selecionar um tipo de sort, e clicar em “Organize” a ordenação deve ser aplicada a cada prateleira separadamente levando em conta os livros presentes.)
- [x] (Inverter a ordem quando clicar novamente no botão, caso a mesma opção de sort esteja selecionada.)
- [x] (Os tipos de ordenação são: Ordem alfabética, Tamanho e por Cor (Vermelho, Laranja, Amarelo, Verde, Azul Claro, Azul Escuro, Violeta, Rosa))
(Caso houver qualquer dificuldade em correlacionar os nomes às cores, favor entrar em contato)
## Desafios Extras:
- [ ] (Criar um novo livro)
- [ ] (Atualizar livro)
- [X] (Deletar livro - Para deletar é só arrastá-lo para fora da estante)
- [ ] (Ordenar por data de lançamento)
- [x] (Fazer o relógio funcionar)
## Forma de entrega:
- Crie um repositório no GitHub.
- Efetue os commits de seu projeto neste repositório.
- Informe o link do repositório na resposta do e-mail.
- Adicione qualquer outra informação que você julgue relevante no e-mail ou em um arquivo readme.md
## O que será avaliado?
- Suas habilidades para codificação e os recursos utilizados para a resolução do problema.
## Critérios para avaliação:
- Resultado vs Layout proposto
- Gerenciamento de estados
- Bons nomes de variáveis e em inglês
- Boas práticas de desenvolvimento;
- Código limpo e legível.
OBS: Você pode fazer uso de bibliotecas externas (Npm).