Bem-vinde ao repositório do "Debug da Alma", um espaço onde a lógica da tecnologia encontra a intuição do Tarot. Este projeto é uma landing page que serve como portfólio e blog, explorando a intersecção entre o desenvolvimento de software e as práticas de autoconhecimento.
Como uma pessoa que transita entre o mundo do desenvolvimento de software e a leitura de Tarot, percebi uma sinergia fascinante entre essas duas áreas. Ambas são, em sua essência, sistemas de linguagem e lógica. O Tarot usa arquétipos e símbolos para construir narrativas e decifrar questões complexas da vida, de forma semelhante a como uma pessoa desenvolvedora utiliza algoritmos e estruturas de dados para criar soluções e resolver problemas.
Este projeto nasceu do desejo de desmistificar ambas as áreas, mostrando como a estrutura e a clareza do código podem iluminar a sabedoria simbólica do Tarot, e como a intuição pode guiar a resolução criativa de desafios tecnológicos. O "Debug da Alma" é um convite para explorar como essas duas paixões se complementam.
Este site foi construído com tecnologias web modernas, focando em performance, responsividade e uma boa experiência para a pessoa usuária.
-
HTML5: Para a estruturação semântica do conteúdo.
-
CSS3: Para a estilização, utilizando recursos como:
- Flexbox: Para a criação de layouts flexíveis e alinhamento dos componentes.
- Variáveis CSS: Para um tema consistente e de fácil manutenção (cores, fontes, etc.).
- Media Queries: Para garantir que o site seja totalmente responsivo e se adapte a diferentes tamanhos de tela, de desktops a dispositivos móveis.
-
JavaScript (Vanilla): Para adicionar interatividade à página, como:
- Manipulação do DOM: Para criar e exibir dinamicamente os cards dos baralhos de Tarot.
- API Fetch: Para carregar os dados dos baralhos a partir de um arquivo
data.jsonlocal. - Event Listeners: Para gerenciar eventos como o clique no menu hambúrguer e a funcionalidade de busca.
-
GitHub Pages: Para a hospedagem e o deploy gratuito e simplificado do site.
Este projeto é o resultado do desafio proposto na 10a Imersão Dev da Alura com Google Gemini, foi utilizado como base o programa disponível em https://github.com/guilhermeonrails/node-example-base-content/archive/refs/heads/main.zip. Este script, modificado conforme as orientações das aulas, foi usado em um ambiente Node.js para gerar dinamicamente as descrições e informações contidas no arquivo data.json.
Optei por produzir um script simples na própria GEM do Google Gemini para criar uma funcionalidade única: "Agente Aidê Passos", um agente de IA desenvolvide para replicar minha persona digital. Elu materializa a filosofia do "Debug da Alma" em um formato interativo.
Funcionalidade e Persona:
Aidê Passos é um modelo de linguagem com um Role Prompt detalhado para garantir uma interação coesa e autêntica:
- Identidade e Base: Tarólogue, não-binárie (usa pronome 'e'), 27 anos, estudante de programação na Alura, nascide em Belém do Pará.
- Filosofia Central: Vê a estrutura dos Arcanos do Tarot como o "sistema operacional ancestral" para entender lógica e programação.
- Conhecimento Técnico: Possui nível iniciante em habilidades como HTML, CSS, JavaScript, Python e AI Generativa, referenciando o repositório 'https://github.com/aidepassos?tab=repositories'.
- Estilo de Comunicação: O tom é extremamente paciente, sereno, calmo e divertido. O vocabulário é marcado por gírias e expressões do dicionário Papa Xibé (típico do Pará).
Esta GEM demonstra a aplicação de IA Generativa na criação de uma marca pessoal digital única e discontraída, unindo intuição e código.
Para visualizar o site em sua máquina local, siga estes passos simples:
-
Clone o Repositório Abra seu terminal e execute o seguinte comando para clonar o projeto:
git clone https://github.com/aidepassos/debug-da-alma.git
-
Navegue até a Pasta do Projeto
cd debug-da-alma/ -
Abra o Arquivo
index.htmlNão é necessário um servidor local. Basta abrir o arquivoindex.htmldiretamente no seu navegador de preferência (Google Chrome, Firefox, etc.).
Pronto! O site estará funcionando em seu ambiente local.
O GitHub Pages oferece uma maneira fácil e gratuita de hospedar sites estáticos diretamente de um repositório do GitHub.
-
Crie um Repositório no GitHub Se você ainda não o fez, crie um novo repositório no GitHub para hospedar seu projeto.
-
Envie os Arquivos do Projeto Adicione os arquivos do seu projeto (
index.html,styles.css,script.js, etc.) ao repositório e envie-os para o GitHub.git add . git commit -m "Deploy inicial do site" git push origin main
-
Ative o GitHub Pages
- No seu repositório no GitHub, vá para a aba Settings (Configurações).
- No menu lateral esquerdo, clique em Pages.
- Na seção "Build and deployment", em "Source", selecione Deploy from a branch.
- Em "Branch", escolha a branch onde seu código está (geralmente
mainoumaster) e a pasta/ (root). - Clique em Save.
-
Acesse seu Site Aguarde alguns minutos para que o GitHub processe e publique seu site. O link ficará disponível nessa mesma página de configurações e terá o formato:
https://SEU-USUARIO.github.io/SEU-REPOSITORIO/.
Em primeiro, a Alura é o principal motivo deste projeto existir e atualmente o meio de estudos que estou utilizando para avançar em meus conhecimentos em tecnologia, em especial, a programação. Sou suspeite para falar dessa plataforma de cursos que eu amo, indico, sou matriculade e pretendo continuar.
Em segundo, agradeço imensamente ao meu namorado 'https://github.com/klebertiko' que vem me apresentando o mundo da tecnologia, tem me incentivado e quem hoje é de longe a minha maior inspiração de carreira.
Em terceiro e nunca, jamais menos importante, agradeço com todas as forças a pessoa que foi o portal que me fez adentrar na dimensão que é a vida, Liana, minha mãe, melhor amiga e que moldou o que Aidê é até hoje e pra sempre.
Obrigade e Obrigade.
Feito com 💙💜💚 e por Aidê Passos.