Meus Projetos

Terapia Corporal Sistêmica – Plataforma Integrada de Agendamento, Terapia e Gestão

O Terapia Corporal Sistêmica é um sistema web completo desenvolvido para otimizar o atendimento terapêutico de forma profissional e acolhedora. A plataforma vai além de agendar consultas: ela oferece um ecossistema digital em que paciente e terapeuta interagem com total controle sobre dados, notificações e histórico de atendimentos.O projeto nasceu da necessidade de transformar um site estático em um portal vivo, com capacidade de educar visitantes sobre a metodologia sistêmica, gerar confiança por meio de relatos e estruturar um fluxo de agendamentos sem fricção.

Experiência do Usuário (paciente)

O caminho do paciente começa no login ou cadastro, onde a pessoa pode criar conta ou agendar como visitante. Usuários autenticados preenchem telefone, data de nascimento e gênero uma única vez, garantindo que o sistema ofereça uma experiência personalizada; caso contrário são orientados a completar o perfil. A partir daí, eles têm acesso às seguintes funcionalidades:

• Agendamento inteligente: um formulário em etapas permite selecionar até dois tratamentos de uma lista (massoterapia, acupuntura, quick massage, ventosa, reflexologia, biomagnetismo, reiki e auriculoterapia) e escolher a duração (50 ou 90 minutos ou utilizando pacote). Há extras opcionais, como escalda-pés, e o sistema calcula automaticamente o preço ou desconta das sessões disponíveis no pacote. Usuários podem visualizar um calendário com horários livres e selecionar dia e hora; visitantes preenchem nome, email e telefone, podendo criar conta ao final.
• Formulário de queixas: opcionalmente, o paciente pode preencher um questionário detalhado sobre desconfortos principais, tempo de dor, tratamentos médicos, 31 condições físicas (coluna, câimbras, fraturas, etc.) e estados emocionais (ansiedade, tristeza, medo, irritação etc.). Os campos são salvos ou atualizados no banco de dados para serem lidos pela terapeuta. Se o formulário não for preenchido, o sistema interpreta a sessão como relaxamento.
• Compra de pacotes: quem frequenta regularmente pode adquirir pacotes de 5 ou 10 sessões com desconto; essas sessões são geridas na área do perfil e descontadas automaticamente em novos agendamentos.
• Blog e serviços: as páginas de Serviços apresentam as terapias com fotos e explicações, com botão “Agendar Consulta” que pré-seleciona o tratamento. Já no Blog, posts organizados por categorias (Massoterapia, Técnicas, Dicas) permitem ao visitante ler artigos, pesquisar conteúdo e filtrar por temas; a interface se adapta a celulares e oferece busca integrada.
• Perfil completo: no painel de usuário, o paciente vê seus dados e foto, controla as sessões futuras e passadas, acompanha o saldo de pacotes e edita informações pessoais. Cada sessão apresenta data, terapias realizadas, valor pago ou uso de pacote, status (pendente, confirmada, cancelada) e link para anamnese e formulário de queixa quando houver. O sistema também destaca novas orientações da terapeuta para que o paciente as leia na próxima visita. Ao clicar num atendimento, o usuário acessa uma ficha detalhada com anamnese (orientações do terapeuta) e suas respostas de queixas, preservando todo histórico.

Toda ação do paciente (agendar, preencher queixa, comprar pacote) é associada ao seu usuário; visitantes que agendam como “guest” também têm suas informações armazenadas e podem ser convertidos em pacientes.

Ferramentas da Terapeuta/Administradora

A terapeuta, após autenticar-se, acessa o Painel Admin com permissões ampliadas. Esse painel engloba:

• Agenda avançada: uma agenda estilo calendário permite visualizar todos os agendamentos confirmados, pendentes, concluídos ou cancelados em tempo real, aplicar filtros por data, bloquear dias/horários (ex.: feriados ou férias) e cadastrar novas consultas. A terapeuta pode aprovar ou recusar pedidos, remarcar horários, concluir atendimentos e organizar sessões recorrentes (agendamento fixo). Há também um campo de busca para adicionar pacientes já cadastrados ou criar visitantes.
• Pacientes: uma lista de pacientes exibe nome, email, telefone, data de nascimento e sexo, com filtros por nome ou email e ordenação por cadastro mais recente ou alfabético. A terapeuta pode criar novos pacientes, acessar o perfil completo de cada um e administrar seus pacotes e anamneses.
• Ficha do paciente: ao entrar no perfil de um paciente específico, a terapeuta visualiza todas as consultas realizadas e futuras, com detalhes de tratamentos escolhidos, durações, status e valores. Ela pode adicionar ou editar anamnese — um campo onde registra orientações, percepções e recomendações — e consultar o formulário de queixa preenchido pelo paciente. Também é possível adicionar pacotes (5 ou 10 sessões) manualmente e acompanhar o saldo utilizado.
• Gestão de preços: uma seção exclusiva permite atualizar o valor de cada terapia (sessões de 50 ou 90 minutos), da quick massage (15 e 30 min), do escalda-pés e dos pacotes de 5 e 10 sessões. Após salvar, os novos valores passam a ser usados nos agendamentos subsequentes.
• Blog: a terapeuta administra artigos em “Painel Admin – Blog”: cria publicações com título, conteúdo rich text e categoria, envia imagens, define data, publica ou despublica posts e os edita. Todos os posts são listados numa tabela com pré-visualização da imagem, status de publicação e ações de editar e publicar/despublicar, de forma responsiva e amigável.

Segurança e Controle de Acesso

O sistema aplica regras estritas de permissão: apenas quem criou um agendamento, queixa ou anamnese pode alterá-lo; usuários veem apenas seus dados; terapeutas podem manipular qualquer registro, mas ações são registradas. Isso impede exclusões indevidas e garante rastreabilidade. Nos formulários, a entrada de dados é sanitizada, e as consultas SQL usam prepared statements, reforçando a segurança contra injeções e erros.

Integração com WhatsApp e Notificações Inteligentes

A plataforma já conta com hooks para WhatsApp. Ao ativar a opção no ambiente (WA_ENABLED), sempre que um novo agendamento é realizado o sistema envia um alerta para a terapeuta contendo tipo de serviço, data/hora, nome e telefone do paciente. Quando uma sessão é confirmada ou recusada, o paciente recebe um template de confirmação ou recusa via WhatsApp. Existe ainda um cron job que, diariamente, procura sessões confirmadas para o dia seguinte e dispara lembretes automatizados aos pacientes. Na versão final, a integração permitirá enviar lembretes adicionais e notificações de anamnese, garantindo que nenhum cliente esqueça sua consulta.

Conclusão

Terapia Corporal Sistêmica combina atendimento humanizado e gestão moderna. Ele oferece ao paciente uma jornada simplificada, desde a escolha das terapias e datas até o acesso a orientações e histórico. À terapeuta entrega um painel robusto para administrar horários, pacientes, preços e conteúdos, centralizando todas as informações e mantendo a independência e a privacidade dos dados. Com a futura integração plena com WhatsApp para lembretes e comunicações, a plataforma promete elevar a experiência de terapia a um novo patamar de eficiência e cuidado.

Journey – Uma Plataforma Colaborativa de Viagens

O Journey é um sistema web desenvolvido para facilitar o planejamento, acompanhamento e registro de viagens, tanto individuais quanto em grupo. Seu diferencial está na abordagem colaborativa: os usuários não apenas planejam suas próprias jornadas, mas fazem isso em conjunto com outras pessoas, compartilhando roteiros, finanças, mídias e decisões.

Experiência do Usuário e Fluxo de Uso

Tudo começa com o login ou cadastro do usuário, que pode acessar o sistema via formulário tradicional ou autenticação do Google. Uma vez logado, o usuário pode criar grupos de viagem ou ser convidado para grupos existentes. Cada grupo tem seu próprio ecossistema de dados isolado — roteiros, carteiras, colaboradores e mídias são todos armazenados de forma segregada por grupo.

Colaboração com Permissões e Restrições

Cada ação dentro do sistema está vinculada ao email do usuário logado. Isso garante que apenas o autor de uma tarefa, mídia ou lançamento financeiro possa excluí-la. Por exemplo:

• Fotos e vídeos: só podem ser excluídos por quem os enviou.
• Itens do roteiro: cada tarefa adicionada tem seu autor registrado; somente ele pode removê-la ou editá-la.

Notificações Inteligentes

O sistema implementa um sistema de notificações que mantém todos os participantes informados. Estas são criadas automaticamente em eventos-chave:

• Ao adicionar um colaborador a um grupo: o convidado recebe uma notificação com convite.
• Quando um convite é aceito: os demais membros são notificados sobre o novo participante.
• Envio de mídia: todos os colaboradores (exceto o autor) recebem alerta de que uma nova foto ou vídeo foi adicionada.
• Nova dívida registrada: o responsável por pagar é notificado, com valor e descrição incluídos.

Roteiros Personalizados

O módulo de roteiros de viagem permite que os usuários criem atividades organizadas por dia. Cada atividade é atribuída a quem a criou. O sistema impede alterações ou exclusões por outros membros — um mecanismo que protege a autoria e evita conflitos entre colaboradores.

Gestão Financeira Colaborativa

Na seção da carteira, usuários podem adicionar ou visualizar entradas/saídas de dinheiro, criar dívidas ou cobranças entre membros do grupo e ver relatórios consolidados do saldo individual e coletivo. As ações de registrar dívida ou valor a receber também geram notificações personalizadas.

Galeria de Mídias

Cada grupo tem uma galeria exclusiva para upload de imagens e vídeos, com opção de seleção múltipla, exclusão e download. Apenas o autor pode apagar os arquivos que enviou. Um modal moderno exibe detalhes da mídia, incluindo o nome de quem publicou.

Funcionalidade GPS

O módulo de GPS, utilizando a biblioteca Leaflet.js, permite que os usuários visualizem mapas interativos com marcadores de locais. Isso é útil para registrar os destinos visitados e visualizar o trajeto.

Conclusão

O Journey é uma aplicação rica em funcionalidades, cuidadosamente estruturada para promover colaboração com controle, segurança de dados, e uma experiência fluida e intuitiva. Com seu backend leve baseado em JSON, é ideal para ambientes educacionais ou MVPs funcionais. Sua arquitetura promove aprendizado prático de temas como autenticação, armazenamento local, integração REST, UI responsiva e controle de permissões.

Introdução

O Jogo de Bingo desenvolvido por João Pedro está disponível em duas versões: uma versão interativa e visual para navegador, construída com HTML, CSS e JavaScript; e uma versão robusta em C#, executada via terminal, com foco em lógica e persistência em arquivos.

Versão Web (HTML, CSS e JavaScript)

Na versão web, a experiência começa com a configuração dos jogadores: de 2 a 5 participantes, cada um podendo escolher de 1 a 4 cartelas. As cartelas são geradas dinamicamente, com números únicos e respeitando as faixas do Bingo tradicional (colunas B, I, N, G, O com faixas específicas).

O sistema sorteia números de 1 a 75 e marca automaticamente nas cartelas dos jogadores. Após a quarta rodada, é possível tentar um bingo — válido se preencher uma linha, coluna ou diagonal. Caso o jogador erre, ele perde a cartela usada. Se perder todas, é eliminado. Ao final do jogo, um ranking é exibido com a classificação por ordem de vitória ou eliminação.

Essa versão oferece uma interface colorida, responsiva, com animações visuais, mensagens de erro e sucesso, e interação dinâmica sem necessidade de recarregar a página.

Versão Console (C#)

No terminal, os jogadores informam seus dados (nome, idade, sexo, número de cartelas), e o sistema simula todo o sorteio. A verificação de bingo é feita via digitação manual e, se incorreta, a cartela é anulada. Cada jogada, acerto, erro ou eliminação é registrada no arquivo bingo.txt.

O código C# está dividido em classes organizadas: Cartela, Jogador e JogoBingo. Isso torna o jogo modular, fácil de entender e ideal para estudos de lógica de programação.

Destaques e Diferenças

A versão web é voltada para uma experiência amigável e visual, ideal para todos os públicos. Já a versão C# é voltada para desenvolvedores ou interessados em entender a lógica interna do jogo, com controle completo por texto e persistência dos dados. Ambas seguem a mesma lógica de regras, mas com interfaces adaptadas aos seus contextos.

Conclusão

O jogo de Bingo em suas duas versões demonstra o domínio do programador em múltiplas linguagens e abordagens de desenvolvimento. A fidelidade às regras do Bingo, o cuidado com a jogabilidade e a organização do código refletem um trabalho completo, que alia técnica, criatividade e usabilidade em um mesmo projeto.

Introdução

O projeto Batalha Naval foi desenvolvido em duas versões distintas: uma versão visual e jogável diretamente no navegador, feita com HTML, CSS e JavaScript, e uma versão em C# para execução em terminal, utilizando programação orientada a objetos e lógica estruturada. Ambas simulam o tradicional jogo de guerra naval, no qual dois jogadores posicionam embarcações e tentam afundar os navios adversários em um tabuleiro 10x10.

Versão Web (HTML, CSS, JS)

Na versão online, o jogador posiciona suas embarcações manualmente através de cliques em um tabuleiro visual. Os navios variam em tipo e tamanho: submarino (1), hidroavião (2), cruzador (3), encouraçado (4) e porta-avião (5), totalizando 22 pontos. O computador posiciona seus navios automaticamente.

Após o posicionamento, inicia-se a fase de ataque. O jogador ataca clicando em células do tabuleiro do computador. O sistema fornece feedback visual em tempo real: tiros na água (X), acertos em navios (T) e mensagens animadas de acerto ou erro. O jogador continua jogando enquanto acertar, caso contrário, o computador ataca.

O computador seleciona alvos aleatórios e continua atacando até errar. O jogo termina quando um dos lados atinge 22 pontos (todos os navios afundados). O sistema então exibe um modal com mensagem de vitória ou derrota, animações e botão para reiniciar.

Versão Console (C#)

A versão de terminal foi escrita em C# e utiliza classes como JogadorHumano, JogadorComputador, Embarcacao, Posicao e BatalhaNaval. Nessa versão, o jogador digita seu nome e posiciona manualmente suas embarcações por coordenadas numéricas. O computador posiciona os seus navios automaticamente.

Durante o jogo, o jogador visualiza seus próprios tabuleiros e o tabuleiro adversário (com embarcações ocultas). Ele digita as coordenadas do ataque. Ao acertar, ganha um turno extra; ao errar, o computador ataca. A IA do computador também verifica ataques repetidos para evitar duplicatas.

Todo o controle é textual, e os dados não são persistidos, mas a estrutura do código permite fácil expansão. O jogo termina assim que um dos jogadores atinge 22 pontos.

Diferenças entre as versões

• Interface: A versão web é interativa, colorida, animada e responsiva. A versão C# é baseada em texto, voltada para lógica de programação.
• Controle de jogo: No navegador, as ações são com cliques e há feedback visual imediato. No console, as ações dependem de digitação, com mensagens em texto simples.
• IA: Ambas têm o computador como oponente com estratégia simples, mas funcional. No C#, os ataques do computador são aleatórios com verificação.
• Reusabilidade e modularidade: O código C# é dividido em classes bem organizadas, favorecendo testes, alterações e evolução futura.

Conclusão

Ambas as versões do jogo Batalha Naval mostram a versatilidade e o domínio do desenvolvedor em desenvolver aplicações tanto para web quanto para console. A fidelidade às regras do jogo, as camadas de interatividade e a arquitetura modular tornam esse projeto um exemplo completo de aplicação técnica, didática e divertida — capaz de entreter e ensinar ao mesmo tempo.

Introdução

Este portfólio foi desenvolvido por João Pedro Figueiredo com o objetivo de reunir seus principais projetos, competências técnicas, e experiências em um ambiente visualmente agradável, responsivo e de fácil navegação. A proposta é fornecer uma apresentação clara das habilidades e soluções criadas em projetos anteriores, permitindo que visitantes e recrutadores explorem cada trabalho com profundidade.

Estrutura

O site é dividido em seções bem definidas: página inicial com introdução, seção de serviços oferecidos, apresentação de soft skills, uma página sobre o autor, e uma seção de projetos detalhada — onde cada aplicação é exibida com imagem, descrição, tecnologias e links relevantes. O destaque vai para o uso de componentes reutilizáveis em HTML e uma estilização consistente em CSS.

Design Responsivo

Toda a interface foi pensada para funcionar bem em computadores, tablets e smartphones. Utiliza-se `flexbox` e `media queries` para garantir que o conteúdo se reorganize conforme o tamanho da tela, mantendo legibilidade e usabilidade.

Tecnologias utilizadas

HTML semântico, CSS modular e JavaScript para interações simples como o botão de "Ler mais". Ícones são integrados via Font Awesome e todo o código é organizado de forma clara em arquivos separados por função.

Conclusão

Este portfólio é um reflexo direto da atenção aos detalhes e da capacidade de João Pedro de entregar uma solução limpa, funcional e comunicativa. Ele continua evoluindo conforme novos projetos são adicionados, servindo como uma vitrine dinâmica de seu crescimento como desenvolvedor.