Victor Prata

.eslintrc.js

@@ -0,0 +1,28 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:prettier/recommended",
+  ],
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: "module",
+  },
+  plugins: ["react"],
+  rules: {
+    "react/react-in-jsx-scope": "off",
+    "prettier/prettier": [
+      "error",
+      {
+        endOfLine: "auto",
+      },
+    ],
+  },
+};

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

README.md

@@ -7,8 +7,8 @@ Não será passado prazo para entrega, verifique os pré-requisitos e nos dê se
 ![Desafio](images/tela-01.png?raw=true "Desafio")
 
 ## Ações
-- O usuário deve ser capaz de incluir um novo widget(Gráfico), editar e remover
-- No momento da inclusão desse widget o usuário deve fornecer os valores falsos e na edição o mesmo deve alterar os valores cadastrados
+- O usuário deve ser capaz de incluir um novo widgets(Gráfico), editar e remover
+- No momento da inclusão desse widgets o usuário deve fornecer os valores falsos e na edição o mesmo deve alterar os valores cadastrados
 - Todos esses widgets devem ser listados no Dashboard
 
 
@@ -52,3 +52,78 @@ Não será passado prazo para entrega, verifique os pré-requisitos e nos dê se
 - Tenho mais dúvidas, com quem posso entrar em contato?
 
 **Entre em contato com André Oliveira ([email protected])**
+
+## Como rodar o servidor do projeto
+Projeto desenvolvido utilizando principalmente os framework Material-UI e Redux.
+
+O primeiro passo para colocar o projeto para rodar é instalar as dependências 
+
+``` 
+cd frontend-test-01
+npm install
+```
+
+feito isso, basta subir a aplicação em _development mode_
+
+``` 
+npm start
+```
+
+ou compile o aplicativo para produção na pasta de compilação utilizando
+
+``` 
+npm run build
+```
+
+## Funcionalidades
+
+**Novo Widget**
+
+- Para criar um widget inserindo dados manualmente basta preencher a tabela com as representações.
+
+![Novo Wiget](images/creating_widget.gif?raw=true "Novo Widget")
+
+**Importando dados de arquivo**
+
+- É possível também criar um widget importando dados de arquivos JSON ou CSV.
+
+![From_File](images/from_file.gif?raw=true "Importando de arquivo")
+
+**Importando dados de API**
+
+- Se preferir, é possível importar dados de duas APIs gratuitas (Covid-19 nas regiões de um país ou últimas 1000 transações envolvendo Bitcoin). Observação sobre API Covid-19: períodos de dias acima de 1 mês costumam gerar _timeout_. 
+
+![From_API](images/from_api.gif?raw=true "Importando de API")
+
+**Filtrar Widgets**
+
+- Para filtrar um Widget dentre os demais basta digitar o partes ou o nome completo do titulo do widget.
+
+![Filter](images/filter.gif?raw=true "Filtar wdiget")
+
+**Editar Widgets**
+
+- Para editar um Widget basta selecionar a opção no menu superior direito. Todas as funcionalidades de criação de widgets também estão presentes nesta tela.
+
+![Edit_Wiget](images/edit.gif?raw=true "Editar wdiget")
+
+**Excluir Widgets**
+
+- Para excluir um Widget basta selecionar a opção no menu superior direito.
+
+![Filter](images/deleting.gif?raw=true "Excluir wdiget")
+
+**Alterar tipo de gráfico**
+
+- É possível alternar o tipo de gráfico entre seis possibilidades.
+
+![Edit_Wiget](images/change_chart.gif?raw=true "Alterar tipo de gráfico")
+
+## Responsividade
+
+Screenshots da aplicação acessada por smartphone.
+
+![Screenshot](images/empty.jpeg)
+![Screenshot](images/table.jpeg)
+![Screenshot](images/chart.jpeg)
+![Screenshot](images/mobile.jpeg)