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")
Figma: https://www.figma.com/file/JXRQwxyMSCXAEPs1Q9juys/Opitmatech?type=design&node-id=0-1&mode=design&t=gRxCN4QnMmH3jQTD-0
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).