script.js

async function carregarProjetos() {
    try {
        const projects = await import('./projects.js');
        const projetos = projects.default;
        const container = document.getElementById('projetos-container');
        container.innerHTML = ''; // Limpa o container
        
        projetos.forEach(projeto => {
            console.log(projeto);
            const card = criarCardProjeto(projeto);
            container.appendChild(card);
        });
    } catch (error) {
        console.error('Erro ao carregar projetos:', error);
    }
}

// Criar o HTML do card de projeto
function criarCardProjeto(projeto) {
    const card = document.createElement('div');
    card.className = 'projeto-card';
    
    // Criar título
    const titulo = document.createElement('h3');
    titulo.className = 'projeto-titulo';
    titulo.textContent = projeto.titulo;
    
    // Criar descrição
    const descricao = document.createElement('p');
    descricao.className = 'projeto-descricao';
    descricao.textContent = projeto.descricao;
    
    // Criar container de tecnologias
    const tecnologiasDiv = document.createElement('div');
    tecnologiasDiv.className = 'projeto-tecnologias';
    
    projeto.tecnologias.forEach(tech => {
        const tag = document.createElement('span');
        tag.className = 'tech-tag';
        tag.textContent = tech;
        tecnologiasDiv.appendChild(tag);
    });
    
    // Criar link
    const link = document.createElement('a');
    link.href = projeto.link;
    link.target = '_blank';
    link.className = 'projeto-link';
    link.innerHTML = '<i class="fa-brands fa-github"></i> Ver no GitHub';
    
    // Montar o card
    card.appendChild(titulo);
    card.appendChild(descricao);
    card.appendChild(tecnologiasDiv);
    card.appendChild(link);
    
    return card;
}

// Carregar projetos quando a página carregar
carregarProjetos();