aikodigital · viniciuscg · Mar 29, 2023 · Mar 29, 2023
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/DOC.md b/DOC.md
@@ -0,0 +1,4 @@
+Ferramentas Utilizadas : React, JavaScript 
+Biblioteca Utilizadas : leaflet, sweetalert2, materialui, React-icons
+
+Explicando Código: O código se consiste em um mapa da biblioteca leaflet onde á alguns markers que se referem aos equipamentos. Para cada equipamento a uma cor referente ao seu marker (legenda de cores apresentada à direita do site). Logo à direita do site contem uma sidebar com select e um label escrito "estados", esse select vem com os 3 estados dos equipamentos já selecionados, ao retirar um estado, o marker do mesmo não aparecera mais no mapa. Abaixo do select "estados" a um select "equipamentos" onde contem todos os nomes dos equipamentos, ao selecionar o nome de um equipamento você sera redirecionado para o local desse equipamento com um popup aberto (este popup também pode ser acessado ao clicar no marker), no popup contem o tipo do equipamento, seu estado, nome do próprio e dois botões, o primeiro botão é referente a visualização do histórico de estado, ao clicar um modal será aberto com um histórico especificando o estado e a data do equipamento.E por ultimo, mas não menos importante, o último botão chamado "visualizar mapa" ira abrir um modal com o trajeto do equipamento aberto.
diff --git a/img/aiko.png → img/aiko1.png b/img/aiko.png → img/aiko1.png
diff --git a/img/pngwing.com.png b/img/pngwing.com.png
diff --git a/index.html b/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="./img/pngwing.com.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>AikoProject</title>
+    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
+    integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI="
+    crossorigin=""/>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>