+ `
+ document.body.appendChild(modalVisualizarProjeto)
+ }
+ const modalVisualizarProjeto = document.getElementById('modal-visualizar-projeto');
+
+ if (!(e.target instanceof HTMLSelectElement) && e.target.closest(`.close-modal`)) {
+ if (modalVisualizarProjeto) {
+ modalVisualizarProjeto.remove();
+ }
+ }
+
+ document.addEventListener('click', function (e) {
+ if (!(e.target.closest('.modal2-container') || e.target.closest('.modal-container-2'))) {
+ if (modalVisualizarProjeto) {
+ modalVisualizarProjeto.remove();
+ }
+ }
+ });
+
+});
diff --git a/frontend/meu-portfolio/modais.js b/frontend/meu-portfolio/modais.js
new file mode 100644
index 0000000..56352bf
--- /dev/null
+++ b/frontend/meu-portfolio/modais.js
@@ -0,0 +1,103 @@
+// Modal de Editar Projeto
+const modalEdit = document.getElementById('home-modal-edit');
+const closeModalEdit = document.getElementById('btn-cancel-edit');
+
+
+
+// -------------------- Modal de Adicionar Novo Projeto -----------------------
+
+const openModalBtn = document.getElementsByClassName('card')
+const openModalBtn2 = document.getElementsByClassName('adicionar-projeto')
+
+const closeModalBtn = document.getElementById('btn-cancel')
+const modal = document.getElementById('home-modal')
+
+const imodalDelete = document.getElementById('imodal-delete')
+
+for (const btn of openModalBtn) {
+ btn.addEventListener('click', () => {
+ modal.style.display = 'block';
+ });
+}
+
+for (const btn of openModalBtn2) {
+ btn.addEventListener('click', () => {
+ modal.style.display = 'block';
+ });
+}
+
+closeModalBtn.addEventListener('click', () => {
+ modal.style.display = 'none'
+})
+
+// A função abaixo fecha o modal caso o usuário clique fora dele
+window.addEventListener('click', function (e) {
+ if (e.target == modal) {
+ modal.style.display = 'none';
+ }
+});
+
+
+
+closeModalEdit.addEventListener('click', () => {
+ modalEdit.style.display = 'none'
+})
+
+// A função abaixo fecha o modal caso o usuário clique fora dele
+window.addEventListener('click', function (e) {
+ if (e.target == modalEdit) {
+ modalEdit.style.display = 'none';
+ }
+});
+
+
+// ------------------------------ Modal Sucess ------------------------------
+
+function openModalSucess() {
+ document.getElementById("overlay-sucess").style.display = "flex";
+}
+
+// Fechar o modal se o usuário clicar fora dele
+window.onclick = function (event) {
+ var overlay = document.getElementById("overlay-sucess");
+ if (event.target == overlay) {
+ overlay.style.display = "none";
+ }
+}
+
+// ------------------------------ Modal Update ------------------------------
+
+function openModalUpdate() {
+ document.getElementById("overlay-update").style.display = "flex";
+}
+
+window.onclick = function (event) {
+ var overlay = document.getElementById("overlay-update");
+ if (event.target == overlay) {
+ overlay.style.display = "none";
+ }
+}
+
+// ------------------------------ Modal Delete ------------------------------
+
+function openModalDelete(projetoId) {
+ imodalDelete.style.display = "block";
+ imodalDelete.dataset.projetoId = projetoId;
+}
+
+function closeModalDelete() {
+ imodalDelete.style.display = "none";
+}
+
+// ------------------------------ Modal Delete Sucess ------------------------------
+
+function openModalDeleteSucess() {
+ document.getElementById("overlay-delete2").style.display = "flex";
+}
+
+window.onclick = function (event) {
+ var overlay = document.getElementById("overlay-delete2");
+ if (event.target == overlay) {
+ overlay.style.display = "none";
+ }
+}
\ No newline at end of file
diff --git a/frontend/meu-portfolio/user-menu.png b/frontend/meu-portfolio/user-menu.png
new file mode 100644
index 0000000..ac38892
Binary files /dev/null and b/frontend/meu-portfolio/user-menu.png differ
diff --git a/pagina-de-cadastro/cadastro.css b/frontend/pagina-de-cadastro/cadastro.css
similarity index 100%
rename from pagina-de-cadastro/cadastro.css
rename to frontend/pagina-de-cadastro/cadastro.css
diff --git a/pagina-de-cadastro/cadastro.html b/frontend/pagina-de-cadastro/cadastro.html
similarity index 87%
rename from pagina-de-cadastro/cadastro.html
rename to frontend/pagina-de-cadastro/cadastro.html
index c0a4d23..87f681a 100644
--- a/pagina-de-cadastro/cadastro.html
+++ b/frontend/pagina-de-cadastro/cadastro.html
@@ -1,12 +1,16 @@
+
-
+
Cadastre-se - Orange Portfólio (27)
+
@@ -28,7 +32,7 @@
Cadastre-se
-
+
@@ -56,10 +60,12 @@
Cadastre-se
-
+
-
+
+
+
\ No newline at end of file
diff --git a/frontend/pagina-de-cadastro/cadastro.js b/frontend/pagina-de-cadastro/cadastro.js
new file mode 100644
index 0000000..a1b9088
--- /dev/null
+++ b/frontend/pagina-de-cadastro/cadastro.js
@@ -0,0 +1,33 @@
+
+// FUNÇÃO QUE ATIVA/DESATIVA O VISUALIZADOR DE SENHAS
+
+function toggleVisibility(inputId) {
+ const passwordInput = document.getElementById(inputId);
+ const type = passwordInput.type === 'password' ? 'text' : 'password';
+ passwordInput.type = type;
+}
+
+// Adiciona evento de clique ao primeiro ícone do olho
+document.getElementById('olho').addEventListener('click', function () {
+ toggleVisibility('password');
+});
+
+// Adiciona evento de clique ao segundo ícone do olho
+document.getElementById('olho-2').addEventListener('click', function () {
+ toggleVisibility('confirmar-password');
+});
+
+
+
+// FUNÇÃO QUE VERIFICA SE AS SENHAS COINCIDEM
+
+const verificarSenhas = () => {
+ const senha = document.getElementById("password").value;
+ const confirmarSenha = document.getElementById("confirmar-password").value;
+
+ if (senha !== confirmarSenha) {
+ alert("As senhas não coincidem. Por favor, verifique e tente novamente.");
+ return false
+ }
+
+}
\ No newline at end of file
diff --git a/frontend/pagina-de-cadastro/cadastroUser.js b/frontend/pagina-de-cadastro/cadastroUser.js
new file mode 100644
index 0000000..4529d55
--- /dev/null
+++ b/frontend/pagina-de-cadastro/cadastroUser.js
@@ -0,0 +1,102 @@
+const url_register = "http://localhost:3000/user/register";
+
+function fazPost(url, corpo) {
+ return fetch(url, {
+ method: "POST",
+ mode: "cors",
+ body: JSON.stringify(corpo),
+ headers: {
+ "Access-Control-Allow-Headers": "*",
+ "Content-Type": "application/json",
+ },
+ })
+ .then((response) => {
+ if (response.ok) {
+ return response.json();
+ }
+ throw new Error();
+ })
+ .then((response) => {
+ alert("Usuário cadastrado com sucesso!");
+ localStorage.setItem("token", response.token);
+ localStorage.setItem("userId", response.userId);
+ localStorage.setItem("nome", response.nome);
+ localStorage.setItem("sobrenome", response.sobrenome);
+ window.location.href = "../meu-portfolio/meu-portfolio.html";
+ })
+ .catch((err) => {
+ alert("Erro ao cadastrar usuário");
+ });
+}
+
+function fazPostGoogle(url, corpo) {
+ let erro = false;
+ return fetch(url, {
+ method: "POST",
+ mode: "cors",
+ body: JSON.stringify(corpo),
+ headers: {
+ "Access-Control-Allow-Headers": "*",
+ "Content-Type": "application/json",
+ },
+ })
+ .then((response) => {
+ if (response.ok) {
+ return response.json();
+ }
+ throw new Error();
+ })
+ .then((response) => {
+ alert("Usuário cadastrado com sucesso!");
+ localStorage.setItem("token", response.token);
+ localStorage.setItem("nome", response.nome);
+ localStorage.setItem("sobrenome", response.sobrenome);
+ window.location.href = "../meu-portfolio/meu-portfolio.html";
+ })
+ .catch((err) => {
+ erro = true;
+ })
+ .finally(() => {
+ if (erro) {
+ fazPostLogin(url_login, corpo);
+ }
+ });
+}
+
+const cadastroButton = document.getElementById("botao-cadastrar");
+cadastroButton.addEventListener("click", (event) => cadastrarUsuario(event));
+
+function cadastrarUsuario(event) {
+ event.preventDefault();
+
+ const nome = document.getElementById("nome").value;
+ const sobrenome = document.getElementById("sobrenome").value;
+ const email = document.getElementById("email").value;
+ const password = document.getElementById("password").value;
+ const confirmpassword = document.getElementById("confirmar-password").value;
+
+ const user = { nome, sobrenome, email, password, confirmpassword };
+
+ if (user.password !== user.confirmpassword) {
+ alert("A senha e a confirmação de senha não correspondem.");
+ return;
+ }
+
+ fazPost(url_register, user)
+}
+
+function validaUsuario(user) {
+ if (!user.nome || !user.sobrenome || !user.email || !user.password || !user.confirmpassword) {
+ alert("Por favor, preencha todos os campos.");
+ return;
+ }
+
+ if (user.password !== user.confirmpassword) {
+ alert("A senha e a confirmação de senha não correspondem.");
+ return;
+ }
+}
+
+function cadastraUsuarioGoogle(userGoogle) {
+ fazPostGoogle(url_register, userGoogle);
+}
\ No newline at end of file
diff --git a/pagina-de-cadastro/img/img_cadastro.svg b/frontend/pagina-de-cadastro/img/img_cadastro.svg
similarity index 100%
rename from pagina-de-cadastro/img/img_cadastro.svg
rename to frontend/pagina-de-cadastro/img/img_cadastro.svg
diff --git a/pagina-de-cadastro/img/orange-logo.png b/frontend/pagina-de-cadastro/img/orange-logo.png
similarity index 100%
rename from pagina-de-cadastro/img/orange-logo.png
rename to frontend/pagina-de-cadastro/img/orange-logo.png
diff --git a/style-guide.css b/frontend/style-guide.css
similarity index 100%
rename from style-guide.css
rename to frontend/style-guide.css
diff --git a/home/home.html b/home/home.html
deleted file mode 100644
index 659d2d3..0000000
--- a/home/home.html
+++ /dev/null
@@ -1,146 +0,0 @@
-
-
-
-
-
-
-
-
-
- Home - Orange Portfólio
-
-
-
-
-
-
-
-
-
-
Junte-se à comunidade de inovação, inspiração e descobertas, transformando experiências em conexões inesquecíveis
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
João Pedro • 12/2023
-
-
-
-
-
-
-
-
-
-
João Pedro • 12/2023
-
-
-
-
-
-
-
-
-
-
João Pedro • 12/2023
-
-
-
-
-
-
-
-
-
-
João Pedro • 12/2023
-
-
-
-
-
-
-
-
-
-
João Pedro • 12/2023
-
-
-
-
-
-
-
-
-
-
João Pedro • 12/2023
-
-
-
-
-
-
-
- ×
-
-
-
-
-
-
-
-
João Pedro
-
01/24
-
-
-
-
-
Ecommerce One Page
-
-
-
-
UX
-
Web
-
-
-
-
-
-
-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptatum ab officia exercitationem explicabo beatae impedit unde culpa, blanditiis, ipsa aspernatur nobis, sit vero dicta consequatur. Sequi eligendi excepturi veniam. Lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio, quod. Vitae veniam id quo accusantium itaque recusandae? Quos sequi quasi at recusandae optio aperiam, quibusdam tempore amet, repudiandae ex facilis.
+ 
+ 
+ 
+
+ 
+ 
@@ -135,7 +206,7 @@ 
- 
- 
+