diff --git a/codigo/assets/css/agenda.css b/codigo/assets/css/agenda.css
new file mode 100644
index 0000000..f9e51c7
--- /dev/null
+++ b/codigo/assets/css/agenda.css
@@ -0,0 +1,322 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Outfit', sans-serif;
+}
+
+body {
+    height: 100vh;
+    font-family: 'Outfit', sans-serif;
+}
+
+nav.menu-lateal {
+    width: 60px;
+    height: 70%;
+    background-color: black;
+    border-radius: 20px;
+    padding: 40px 0 40px 1%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    transition: .1s;
+}
+
+nav.menu-lateal:hover {
+    width: 250px;
+}
+
+.btn-expandir {
+    width: 10%;
+    padding-left: 10px;
+}
+
+.btn-expandir > i {
+    color: white;
+    font-size: 24px;
+    cursor: pointer;
+}
+
+ul li.item-menu {
+    transition: .1s;
+}
+
+ul li.ativo {
+    background-color: palevioletred;
+}
+
+ul li.item-menu:hover {
+    background-color: palevioletred;
+    border-radius: 7px;
+}
+
+ul li.item-menu a {
+    color: white;
+    text-decoration: none;
+    font-size: 20px;
+    padding: 20px 4%;
+    display: flex;
+    margin-bottom: 20px;
+    height: 10px;
+    line-height: 20px;
+    align-items: center;
+}
+
+ul li.item-menu a .txt-link {
+    margin-left: 21px;
+    transition: .2s;
+    position: relative;
+}
+
+nav.menu-lateal.expandir.txt-link {
+    margin-left: 40px;
+    opacity: 1;
+}
+
+ul li.item-menu a .icon > i {
+    font-size: 20px;
+    margin-left: 10px;
+    align-items: center;
+}
+
+.caixa-pesquisa {
+    margin-left: 350px;
+    padding: 30px;
+    width: 500px;
+    align-items: center;   
+    z-index: 1000;
+}
+
+.caixa-pesquisa input {
+    width: 550px;
+    height: 45px;
+    border-radius: 30px;
+    margin-top: 0px;
+}
+
+.icon-pesquisa {
+    position: absolute;
+    margin-left: 560px;
+    margin-top: -40px;
+    background-color: palevioletred;
+    border-radius: 100px;
+    padding: 10px 20px;
+    color: black;
+}
+
+.consulta {
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+#agenda {
+    background-color: rgb(243, 145, 178);
+    border-radius: 20px;
+    width: 70%; 
+    margin-left: 6%; 
+    margin-top: 10%;
+    padding: 2% 2% 10% 2%;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 20px;
+}
+
+.agenda h1 {
+    color: black;
+    padding: 15px;
+    margin: 0;
+    text-align: center;
+    grid-column: 1 / -1;
+}
+
+.consulta .circle-img {
+    width: 130px;
+    height: 130px;
+    border-radius: 50%;
+    overflow: hidden;
+    margin-bottom: 10px;
+}
+
+.consulta .circle-img img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.agenda h2, .agenda h3, .agenda h4 {
+    margin: 0;
+    font-family: 'Outfit', sans-serif;
+    font-size: 20px;
+}
+
+.agenda p {
+    margin: 0;
+    font-family: 'Outfit', sans-serif;
+    font-size: 14px;
+}
+
+.button-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.button-container button {
+    background-color: rgb(141, 59, 86);
+    color: white;
+    border: none;
+    border-radius: 5px;
+    padding: 10px 20px;
+    font-family: 'Outfit', sans-serif;
+    cursor: pointer;
+    font-size: 16px;
+}
+
+.button-container button:hover {
+    background-color: rgb(219, 65, 117);
+}
+
+button {
+    background-color: black;
+    direction: none;
+    color: white;
+}
+
+.item-perfil {
+    color: black;
+}
+
+a {
+    text-decoration: none;
+}
+
+.Sem_Consultas {
+    font-size: 20px !important;
+    font-family: 'Outfit', sans-serif;
+    color: black;
+    text-align: center;
+    margin-top: 20px;
+    grid-column: 1 / -1;
+    align-self: center;
+}
+
+#agenda {
+    transition: height 0.3s ease-in-out;
+}
+
+@media screen and (max-width: 1020px) {
+    body {
+        height: fit-content;
+    }
+
+    .menu-lateral {
+        width: 100%;
+        height: auto;
+        position: relative;
+        flex-direction: column;
+        padding: 20px 0px 0px 0px;
+        justify-content: center;
+    }
+
+    .menu-lateral ul {
+        flex-direction: row;
+        justify-content: space-around;
+        width: 100%;
+    }
+
+    .caixa-pesquisa {
+        position: inherit;
+        margin-left: 0%;
+        width: 100%;
+        justify-content: center;
+        padding: 10px 10px 0px 80px;
+    }
+
+    .caixa-pesquisa input {
+        width: 80%;
+    }
+
+    .icon-pesquisa {
+        margin: 0 5px;
+    }
+
+    .perfil {
+        position: relative;
+        margin-top: 10px;
+        margin-left: 85px;
+    }
+}
+
+@media screen and (max-width: 768px) {
+    body {
+        display: grid;
+        justify-content: center;
+        align-items: center;
+    }
+
+    #agenda {
+        grid-template-columns: 1fr;
+        width: 85%;
+        margin: 8% 1% 15% 8%;
+        height: auto !important;
+        min-height: fit-content !important;
+        gap: 45px;
+    }
+
+    .consulta {
+        width: 100%;
+    }
+
+    .caixa-pesquisa input {
+        width: 80%; 
+        margin-top: 5px;
+        left: auto;
+    }
+
+    .perfil {
+        position: auto;
+        top: 10px;
+        right: 20px;
+        left: 10px;
+        margin-top: 20px;
+    }
+}
+
+@media screen and (min-width: 1021px) {
+    nav.menu-lateal {
+        position: flex;
+        left: 0;
+        top: 2%;
+        height: 100%;
+        background-color: black;
+        padding: 20px;
+    }
+
+    .caixa-pesquisa {
+        position: absolute;
+        top: 5%;
+        left: 18%;
+        transform: translate(-50%, -50%);
+    }
+
+    .perfil {
+        position: fixed;
+        top: 20px;
+        right: 20px;
+    }
+
+    .media {
+        margin-left: 250px;
+    }
+
+    .consulta-nome {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        gap: 20px;
+        width: 100%;
+        justify-content: center;
+    }
+}
diff --git a/codigo/assets/js/agenda.js b/codigo/assets/js/agenda.js
new file mode 100644
index 0000000..8b28fd9
--- /dev/null
+++ b/codigo/assets/js/agenda.js
@@ -0,0 +1,232 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const searchInput = document.getElementById('searchInput');
+    const telaContainer = document.getElementById('tela');
+    let todasAsConsultas = [];
+
+    function carregarConsultas(consultas) {
+        let tela = '<h1>Consultas Marcadas</h1>';
+        for(let i = 0; i < consultas.length; i++)
+        {
+            let consulta = consultas[i];
+            tela += `
+        <div class="consulta" data-consulta-id="${i+1}">
+            <div class="circle-img">
+                <img src="${consulta.image}" alt="Foto de ${consulta.nome}" width="130px">
+            </div>
+            <div class="info">
+                <h2 class="nome">${consulta.nome}</h2>
+                <p class="especialidade">${consulta.especialidade}</p>
+            </div>
+            <div class="button-container">
+                <button class="desmarcar-btn" id="${consulta.id}">Desmarcar Consulta</button> 
+            </div>
+        </div>`
+        }
+        document.getElementById('agenda').innerHTML = tela;
+        document.querySelectorAll('.desmarcar-btn').forEach(button => {
+            button.addEventListener('click', () => {
+                let botaoId = button.id; 
+                desmarcarConsulta(botaoId); 
+            });
+        });
+    }
+
+    function carregarConsultasJSON() {
+        fetch('http://localhost:3000/agenda')
+        .then(res => res.json())
+        .then(data => {
+            todasAsConsultas = data;
+            carregarConsultas(todasAsConsultas)
+        });
+    }
+
+    const input = document.querySelector(".caixa-pesquisa input")
+    
+    input.addEventListener("input", (event) => {
+        const consultasFiltradas = todasAsConsultas.filter(consulta => consulta.nome.toLowerCase().startsWith(event.target.value))
+        carregarConsultas(consultasFiltradas)
+    })
+
+    function desmarcarConsulta(botaoId) {
+        const url = `http://localhost:3000/agenda/${botaoId}`
+        fetch(url, {
+            method: "DELETE",
+            headers: {
+                'Content-Type': 'application/json',
+                // Add any additional headers if necessary, such as authorization tokens
+            },
+        }).then((res) => {
+            if (!res.ok) {
+                throw new Erro("Não foi possivel desmarcar a consulta")
+            }
+            var consultaDiv = document.querySelector(`.consulta[data-consulta-id="${botaoId}"]`);
+            consultaDiv.style.display = "none";
+            showSuccessPopup();
+            todasAsConsultas[botaoId-1] = null;
+        }).catch((err) => {
+            alert(err)
+        })
+        console.log(todasAsConsultas);
+    }
+
+    function showSuccessPopup() {
+        alert("Consulta desmarcada!");
+    }
+
+    
+
+    function mostrarMensagemSemConsulta() {
+        telaContainer.innerHTML = '<p class="Sem_Consultas">Nenhuma consulta agendada!</p>';
+    }
+    function mostrarMensagemErro(mensagem) {
+        telaContainer.innerHTML = `<p class="Sem_Consultas">${mensagem}</p>`;
+    }
+
+
+    // Função para alternar a exibição de elementos
+    function toggle(el) {
+        var display = document.getElementById(el);
+        if (display.style.display === "none") {
+            display.style.display = 'grid';
+        } else {
+            display.style.display = 'none';
+        }
+    }
+
+    // Adiciona event listener ao item do menu lateral para alternar a agenda
+    var agendaMenu = document.querySelector('.item-menu.ativo');
+    agendaMenu.addEventListener('click', function() {
+        toggle('agenda');
+    });
+
+    // Função para ajustar o tamanho do bloco rosa com efeito de transição
+    function ajustarTamanhoBlocoRosa() {
+        // ... (seu código original para ajustar o tamanho do bloco rosa)
+    }
+
+    // Função para expandir o menu lateral (NOVO)
+    function expandirMenuLateral() {
+        const menuLateral = document.querySelector('.menu-lateal');
+        menuLateral.classList.add('expandido');
+    }document.addEventListener('DOMContentLoaded', () => {
+    const searchInput = document.getElementById('searchInput');
+    const telaContainer = document.getElementById('tela');
+    let todasAsConsultas = [];
+
+    fetch('http://localhost:3000/agenda')
+        .then(res => res.json())
+        .then(data => {
+            todasAsConsultas = data.agenda; 
+            exibirConsultas(todasAsConsultas);
+            searchInput.addEventListener('input', filtrarConsultas);
+        })
+        .catch(error => {
+            console.error('Erro ao carregar dados da agenda:', error);
+            mostrarMensagemErro('Ocorreu um erro ao carregar os dados da agenda.');
+        });
+
+    function exibirConsultas(consultas) {
+        telaContainer.innerHTML = ''; 
+
+        if (consultas.length === 0) {
+            mostrarMensagemSemConsulta();
+        } else {
+            consultas.forEach(consulta => {
+                const consultaElement = document.createElement('div');
+                consultaElement.classList.add('consulta');
+                consultaElement.innerHTML = `
+                    <div class="circle-img">
+                        <img src="${consulta.image}" alt="Foto de ${consulta.nome}" width="130px">
+                    </div>
+                    <div class="info">
+                        <h2 class="nome">${consulta.nome}</h2>
+                        <p class="especialidade">${consulta.especialidade}</p>
+                    </div>
+                    <div class="button-container">
+                        <button class="desmarcar-btn">Desmarcar Consulta</button> 
+                    </div>
+                `;
+                consultaElement.querySelector('.desmarcar-btn').addEventListener('click', () => desmarcarConsulta(consultaElement));
+                telaContainer.appendChild(consultaElement);
+            });
+        }
+    }
+
+    function filtrarConsultas() {
+        const searchTerm = searchInput.value.toLowerCase();
+        const consultasFiltradas = todasAsConsultas.filter(item =>
+            item.nome.toLowerCase().includes(searchTerm)
+        );
+        exibirConsultas(consultasFiltradas); 
+    }
+
+    function desmarcarConsulta(consultaElement) {
+        const nome = consultaElement.querySelector('h2').textContent;
+        todasAsConsultas = todasAsConsultas.filter(item => item.nome !== nome);
+        exibirConsultas(todasAsConsultas);
+        showSuccessPopup();
+    }
+
+    function showSuccessPopup() {
+        alert("Consulta desmarcada!");
+    }
+
+    function mostrarMensagemSemConsulta() {
+        telaContainer.innerHTML = '<p class="Sem_Consultas">Nenhuma consulta agendada!</p>';
+    }
+    function mostrarMensagemErro(mensagem) {
+        telaContainer.innerHTML = `<p class="Sem_Consultas">${mensagem}</p>`;
+    }
+
+
+    function toggle(el) {
+        var display = document.getElementById(el);
+        if (display.style.display === "none") {
+            display.style.display = 'grid';
+        } else {
+            display.style.display = 'none';
+        }
+    }
+
+    var agendaMenu = document.querySelector('.item-menu.ativo');
+    agendaMenu.addEventListener('click', function() {
+        toggle('agenda');
+    });
+
+    function expandirMenuLateral() {
+        const menuLateral = document.querySelector('.menu-lateal');
+        menuLateral.classList.add('expandido');
+    }
+
+    function recolherMenuLateral() {
+        const menuLateral = document.querySelector('.menu-lateal');
+        menuLateral.classList.remove('expandido');
+    }
+    
+    const btnExpandir = document.querySelector('.btn-expandir');
+    btnExpandir.addEventListener('click', expandirMenuLateral);
+    document.addEventListener('click', (event) => {
+        if (!event.target.closest('.menu-lateal')) {
+            recolherMenuLateral();
+        }
+    });
+});
+
+
+    // Função para recolher o menu lateral (NOVO)
+    function recolherMenuLateral() {
+        const menuLateral = document.querySelector('.menu-lateal');
+        menuLateral.classList.remove('expandido');
+    }
+
+    // Adiciona event listeners para expandir/recolher o menu lateral (NOVO)
+    const btnExpandir = document.querySelector('.btn-expandir');
+    btnExpandir.addEventListener('click', expandirMenuLateral);
+    document.addEventListener('click', (event) => {
+        if (!event.target.closest('.menu-lateal')) {
+            recolherMenuLateral();
+        }
+    });
+
+    carregarConsultasJSON()
+});
diff --git a/codigo/pages/agenda.html b/codigo/pages/agenda.html
new file mode 100644
index 0000000..225c6d0
--- /dev/null
+++ b/codigo/pages/agenda.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Health-me</title>
+    <link rel="stylesheet" href="../assets/css/agenda.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+    <script defer src="../assets/js/agenda.js"></script>
+</head>
+<body>
+    <div class="media">
+    
+        <nav class="menu-lateal">
+        <div class="btn-expandir">
+            <i class="bi bi-list"></i>
+        </div>
+       
+        <ul>
+            <li class="item-menu">
+                <a href="#">
+                    <span class="icon"><i class="bi bi-house"></i></span>
+                    <span class="txt-link">Menu</span>
+                </a>
+            </li>
+        </ul>
+        <ul>
+            <li class="item-menu">
+                <a href="#">
+                    <span class="icon"><i class="bi bi-bookmark"></i></span>
+                    <span class="txt-link">Favoritos</span>
+                </a>
+            </li>
+        </ul>
+        <ul>
+            <li class="item-menu">
+                <a href="#">
+                    <span class="icon"><i class="bi bi-star"></i></span>
+                    <span class="txt-link">Avaliação</span>
+                </a>
+            </li>
+        </ul>
+       
+        <ul>
+            <li class="item-menu">
+                <a href="#">
+                    <span class="icon"><i class="bi bi-alarm"></i></span>
+                    <span class="txt-link">Recentes</span>
+                </a>
+            </li>
+        </ul>
+        
+        <ul>
+            <li class="item-menu">
+                <a href="#">
+                    <span class="icon"><i class="bi bi-journal"></i> </span>
+                    <span class="txt-link">Cadastre-se como terapeuta</span>
+                </a>
+            </li>
+        </ul>
+        <ul>
+            <li class="item-menu ativo" onclick="toggle('agenda')">
+                <a href="#">
+                    <span class="icon"><i class="bi bi-list-check"></i></span>
+                    <span class="txt-link">Agenda</span>
+                </a>
+            </li>
+        </ul>
+        <ul>
+            <li class="item-menu">
+                <a href="#">
+                    <span class="icon"><i class="bi bi-box-arrow-right"></i></span>
+                    <span class="txt-link">Logout</span>
+                </a>
+            </li>
+        </ul>
+    </nav>
+
+    <div class="caixa-pesquisa">
+        <input type="text" placeholder="  Digite aqui...">
+        <a href="#">
+        <span class="icon-pesquisa"><i class="bi bi-search"></i></span>
+        </a>
+    </div>
+    <div class="perfil">
+        <a class="item-perfil" href="#">
+            <span class="icon-perfil"><i class="bi bi-person-circle"></i> </span>
+            <span class="txt-perfil">Carolina Duarte</span>
+        </a>
+    </div>
+
+    <div id="agenda" class="agenda"></div>
+    <script>
+        function showSuccessPopup() {
+            alert("Consulta desmarcada!");
+        }
+    </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/codigo/pages/cadastroTerapeuta.html b/codigo/pages/cadastroTerapeuta.html
index 122e288..0e18404 100644
--- a/codigo/pages/cadastroTerapeuta.html
+++ b/codigo/pages/cadastroTerapeuta.html
@@ -67,7 +67,7 @@
             </li>
         </ul>
     </nav>
-    <script src="../assets/js/cadastroTerapeuta.js"></script>
+    <script src="cadastroTerapeuta.js"></script>
     <div class="caixa-pesquisa">
         <input type="text" placeholder="  Digite aqui...">
         <a href="#">