• Descrição
• Imagens
• Tecnologias
• Hospedagem
• Clonagem
• Depoimento
• Desenvolvedora

Projeto referente ao teste técnico da empresa Optimatech referente a vaga desenvolvedor front-end (c/ experiência em design UX/UI).

Feito em React(JavaScript), telas responsivas, podendo ser visualizado em telas como desktop, tablet e mobile.

Atividades • Estimar o tempo de dedicação para cada atividade • Projetar o design em wireframes e telas conceituais (com estilização) no Figma; • Desenvolver um sistema (usando o design projetado) contendo funcionalidades de login e CRUD para múltiplos dashboards (visualização de dados industriais disponibilizados); • Utilizar as boas práticas de programação (uso de comentários/docstrings, uso de convenções de nomenclatura, conforme cada linguagem, etc) • Propor gráficos adequados nos dashboards para uma visualização eficiente dos dados (para a construção de gráficos, utilizar a biblioteca Plotly) • Preparar demonstração do sistema usando os dados fornecidos ("Dados.xlsx")

Vercel:em produção

• Editor de código de sua preferência (recomendado VS code)

• Git

• React OBS: O primeiro passo para utilizar o React é realizar a sua instalação e, para tal, é necessário ter o Node.JS instalado. Caso ainda não o tenha, acesse o site do Node.js e baixe a última versão destinada ao seu sistema operacional.

  Com o Node.JS instalado temos à disposição o comando npm, necessário para instalar o React. Neste ponto, será preciso abrir o terminal do seu sistema operacional e digitar a instrução: 
  
  OBS: Para instruções completas, acesse o site: "https://pt-br.react.dev/learn/installation"
  

• Clonar o repositório do GitHub,no terminal digitar:

  • git clone https://github.com/JennyLamego2022/dashbord_optima.git
  • entrar na pasta dashbord_optimatech e digitar no terminal:
  • code .
  • npm install

OBS: Após essas etapas o projeto já está pronto pra rodar.

• Para abrir na web, digitar no terminal:
  • npm run dev

Projeto bem completo para ser realizado, vai desde a criação do wireframe, figma, front, back e banco de dados. Prazo bastante desafiador para ser entregue. Porém pude dar inicio ao projeto criando a tela de login com funcionalidades de login, mensagem sucesso e insucesso, erros nos inputs e figma modelo do dashbord, planilha de dados já em banco mySQL e código CRUD em andamento no Python (não compartilhado, pois está incompleto).

Jennyfer Lamego