DEV Community: Diogo Aguiar The latest articles on DEV Community by Diogo Aguiar (@diogobaguiar). https://dev.to/diogobaguiar https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3797474%2Fca2fa3fb-01ae-4f82-8c9b-17c6ef4186ee.jpeg DEV Community: Diogo Aguiar https://dev.to/diogobaguiar en Comunidade Viva —Plataforma de Engajamento Urbano Diogo Aguiar Sun, 01 Mar 2026 22:35:59 +0000 https://dev.to/diogobaguiar/comunidade-viva-plataforma-de-engajamento-urbano-3524 https://dev.to/diogobaguiar/comunidade-viva-plataforma-de-engajamento-urbano-3524 <h2> A Comunidade </h2> <p>A comunidade foco deste projeto é composta por residentes de centros urbanos. O sistema atua como um catalisador tecnológico para conectar indivíduos que compartilham o mesmo espaço geográfico, viabilizando a resolução colaborativa de problemas estruturais e de segurança. </p> <p>O objetivo arquitetural é transformar a vizinhança em um ecossistema inteligente, descentralizado e altamente participativo.</p> <h2> O Que Foi Construído </h2> <p>Desenvolvi uma <strong>Plataforma de Engajamento Comunitário em Tempo Real</strong>, projetada com foco em alta disponibilidade e separação de responsabilidades. O domínio da aplicação expõe as seguintes funcionalidades principais:</p> <ul> <li> <strong>Mapeamento Geoespacial de Incidentes:</strong> Interface interativa para o reporte de problemas e alertas.</li> <li> <strong>Orquestração de Eventos:</strong> Módulo para a criação e gestão de atividades locais.</li> <li> <strong>Motor de Gamificação:</strong> Sistema de recompensas e badges para incentivar a cidadania ativa.</li> <li> <strong>Notificações Baseadas em Contexto:</strong> Alertas críticos orientados pela proximidade geográfica.</li> </ul> <h2> Demonstração </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5r3rd54jtokmiqq012v7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5r3rd54jtokmiqq012v7.png" alt="Interface visual mostrando o mapa e os incidentes relatados"></a></p> <p><a href="https://comunidade-viva.vercel.app//" class="crayons-btn crayons-btn--primary" rel="noopener noreferrer">Acessar Plataforma em Produção</a> </p> <h2> Repositório </h2> <p>O código-fonte está versionado no GitHub e foi implementado aplicando princípios de Arquitetura de Software e estruturação modular.</p> <p> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/DiogoBAguiar" rel="noopener noreferrer"> DiogoBAguiar </a> / <a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge" rel="noopener noreferrer"> desafio-weeken-challenge </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">🏙️ <strong>Comunidade Viva</strong> — Plataforma de Engajamento Urbano</h1> </div> <blockquote> <p><strong>Status do Projeto:</strong> 🚀 Em desenvolvimento para o DEV Weekend Challenge 2026.</p> </blockquote> <div class="markdown-heading"> <h2 class="heading-element">📑 <strong>Índice</strong> </h2> </div> <ul> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-vis%C3%A3o-geral" rel="noopener noreferrer">🎯 Visão Geral</a></li> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-funcionalidades" rel="noopener noreferrer">✨ Funcionalidades</a></li> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-Arquitetura-e-Tecnologias" rel="noopener noreferrer">🛠️ Arquitetura e Tecnologias</a></li> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-Demonstra%C3%A7%C3%A3o-T%C3%A9cnica" rel="noopener noreferrer">💻 Demonstração</a></li> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-Como-Executar-Clonar-o-Reposit%C3%B3rio" rel="noopener noreferrer">🚀 Instalação</a></li> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-licen%C3%A7a" rel="noopener noreferrer">⚖️ Licença</a></li> </ul> <div class="markdown-heading"> <h2 class="heading-element">🎯 <strong>Visão Geral</strong> </h2> </div> <p>A <strong>Comunidade Viva</strong> nasceu para combater o isolamento social em centros urbanos. Onde antes havia apenas vizinhos, agora existe um <strong>ecossistema inteligente e participativo</strong>.</p> <blockquote> <p>"Transformando a vizinhança em uma rede de colaboração em tempo real."</p> </blockquote> <div class="markdown-heading"> <h2 class="heading-element">✨ <strong>Funcionalidades</strong> </h2> </div> <ul> <li>📍 <strong>Mapeamento de Incidentes</strong> <ul> <li>Interface interativa para reporte de problemas (buracos, segurança, iluminação).</li> </ul> </li> <li>📅 <strong>Gestão de Eventos</strong> <ul> <li>Criação de mutirões, feiras e atividades locais.</li> </ul> </li> <li>🎮 <strong>Motor de Gamificação</strong> <ul> <li>Sistema de <strong>ranking</strong> e <strong>insígnias</strong> para recompensar cidadãos ativos.</li> </ul> </li> <li>🔔 <strong>Notificações Inteligentes</strong> <ul> <li>Alertas críticos baseados na sua <strong>localização geográfica</strong>.</li> </ul> </li> </ul> <div class="markdown-heading"> <h2 class="heading-element">🛠️ <strong>Arquitetura e Tecnologias</strong> </h2> </div> <p>O projeto utiliza uma <em>stack</em> moderna focada em <strong>performance</strong> e <strong>tipagem forte</strong>:</p> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Tecnologia</th> <th>Descrição</th> </tr> </thead> <tbody> <tr> <td><strong>Next.js 15</strong></td> <td>Framework React para</td> </tr> </tbody> </table></div>…</div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/DiogoBAguiar/desafio-weeken-challenge" rel="noopener noreferrer">View on GitHub</a></div> </div> <h2> Como Foi Construído </h2> <p>A aplicação utiliza um ecossistema Full-Stack moderno:</p> <ul> <li> <strong>Frontend:</strong> Construída com <strong>Next.js 15</strong>, React e Tailwind CSS. Deploy realizado na Vercel.</li> <li> <strong>Backend:</strong> Node.js com framework <strong>Express</strong>, estruturada com roteamento modular e preparada para arquitetura Serverless.</li> <li> <strong>Persistência:</strong> Prisma ORM com <strong>PostgreSQL</strong> em produção para garantir integridade dos dados.</li> <li> <strong>Infraestrutura:</strong> Docker e Docker Compose para padronização do ambiente de desenvolvimento.</li> </ul> devchallenge webdev showdev weekendchallenge Editei o link do post. O anterior estava com erro. Diogo Aguiar Sun, 01 Mar 2026 22:22:24 +0000 https://dev.to/diogobaguiar/editei-o-link-do-post-o-anterior-estava-com-erro-3830 https://dev.to/diogobaguiar/editei-o-link-do-post-o-anterior-estava-com-erro-3830 <div class="ltag__link"> <a href="/diogobaguiar" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3797474%2Fca2fa3fb-01ae-4f82-8c9b-17c6ef4186ee.jpeg" alt="diogobaguiar"> </div> </a> <a href="https://dev.to/diogobaguiar/comunidade-viva-plataforma-de-engajamento-urbano-3jph" class="ltag__link__link"> <div class="ltag__link__content"> <h2>Comunidade Viva —Plataforma de Engajamento Urbano</h2> <h3>Diogo Aguiar ・ Mar 1</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#devchallenge</span> <span class="ltag__link__tag">#webdev</span> <span class="ltag__link__tag">#weekendchallenge</span> <span class="ltag__link__tag">#showdev</span> </div> </div> </a> </div> devchallenge webdev weekendchallenge showdev Comunidade Viva —Plataforma de Engajamento Urbano Diogo Aguiar Sun, 01 Mar 2026 05:45:08 +0000 https://dev.to/diogobaguiar/comunidade-viva-plataforma-de-engajamento-urbano-3jph https://dev.to/diogobaguiar/comunidade-viva-plataforma-de-engajamento-urbano-3jph <h2> A Comunidade </h2> <p>A comunidade foco deste projeto é composta por residentes de centros urbanos. O sistema atua como um catalisador tecnológico para conectar indivíduos que compartilham o mesmo espaço geográfico, viabilizando a resolução colaborativa de problemas estruturais e de segurança. </p> <p>O objetivo arquitetural é transformar a vizinhança em um ecossistema inteligente, descentralizado e altamente participativo.</p> <h2> O Que Foi Construído </h2> <p>Desenvolvi uma <strong>Plataforma de Engajamento Comunitário em Tempo Real</strong>, projetada com foco em alta disponibilidade e separação de responsabilidades. O domínio da aplicação expõe as seguintes funcionalidades principais:</p> <ul> <li> <strong>Mapeamento Geoespacial de Incidentes:</strong> Interface interativa para o reporte de problemas e alertas.</li> <li> <strong>Orquestração de Eventos:</strong> Módulo para a criação e gestão de atividades locais.</li> <li> <strong>Motor de Gamificação:</strong> Sistema de recompensas e badges para incentivar a cidadania ativa.</li> <li> <strong>Notificações Baseadas em Contexto:</strong> Alertas críticos orientados pela proximidade geográfica.</li> </ul> <h2> Demonstração (Demo) </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5r3rd54jtokmiqq012v7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5r3rd54jtokmiqq012v7.png" alt="Interface visual mostrando o mapa e os incidentes relatados"></a></p> <p><a href="https://comunidade-viva.vercel.app//" class="crayons-btn crayons-btn--primary" rel="noopener noreferrer">Acessar Plataforma em Produção</a> </p> <h2> Repositório (Code) </h2> <p>O código-fonte está versionado no GitHub e foi implementado aplicando princípios de Arquitetura de Software e estruturação modular.</p> <p> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/DiogoBAguiar" rel="noopener noreferrer"> DiogoBAguiar </a> / <a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge" rel="noopener noreferrer"> desafio-weeken-challenge </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">🏙️ <strong>Comunidade Viva</strong> — Plataforma de Engajamento Urbano</h1> </div> <blockquote> <p><strong>Status do Projeto:</strong> 🚀 Em desenvolvimento para o DEV Weekend Challenge 2026.</p> </blockquote> <div class="markdown-heading"> <h2 class="heading-element">📑 <strong>Índice</strong> </h2> </div> <ul> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-vis%C3%A3o-geral" rel="noopener noreferrer">🎯 Visão Geral</a></li> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-funcionalidades" rel="noopener noreferrer">✨ Funcionalidades</a></li> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-Arquitetura-e-Tecnologias" rel="noopener noreferrer">🛠️ Arquitetura e Tecnologias</a></li> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-Demonstra%C3%A7%C3%A3o-T%C3%A9cnica" rel="noopener noreferrer">💻 Demonstração</a></li> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-Como-Executar-Clonar-o-Reposit%C3%B3rio" rel="noopener noreferrer">🚀 Instalação</a></li> <li><a href="https://github.com/DiogoBAguiar/desafio-weeken-challenge#-licen%C3%A7a" rel="noopener noreferrer">⚖️ Licença</a></li> </ul> <div class="markdown-heading"> <h2 class="heading-element">🎯 <strong>Visão Geral</strong> </h2> </div> <p>A <strong>Comunidade Viva</strong> nasceu para combater o isolamento social em centros urbanos. Onde antes havia apenas vizinhos, agora existe um <strong>ecossistema inteligente e participativo</strong>.</p> <blockquote> <p>"Transformando a vizinhança em uma rede de colaboração em tempo real."</p> </blockquote> <div class="markdown-heading"> <h2 class="heading-element">✨ <strong>Funcionalidades</strong> </h2> </div> <ul> <li>📍 <strong>Mapeamento de Incidentes</strong> <ul> <li>Interface interativa para reporte de problemas (buracos, segurança, iluminação).</li> </ul> </li> <li>📅 <strong>Gestão de Eventos</strong> <ul> <li>Criação de mutirões, feiras e atividades locais.</li> </ul> </li> <li>🎮 <strong>Motor de Gamificação</strong> <ul> <li>Sistema de <strong>ranking</strong> e <strong>insígnias</strong> para recompensar cidadãos ativos.</li> </ul> </li> <li>🔔 <strong>Notificações Inteligentes</strong> <ul> <li>Alertas críticos baseados na sua <strong>localização geográfica</strong>.</li> </ul> </li> </ul> <div class="markdown-heading"> <h2 class="heading-element">🛠️ <strong>Arquitetura e Tecnologias</strong> </h2> </div> <p>O projeto utiliza uma <em>stack</em> moderna focada em <strong>performance</strong> e <strong>tipagem forte</strong>:</p> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Tecnologia</th> <th>Descrição</th> </tr> </thead> <tbody> <tr> <td><strong>Next.js 15</strong></td> <td>Framework React para</td> </tr> </tbody> </table></div>…</div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/DiogoBAguiar/desafio-weeken-challenge" rel="noopener noreferrer">View on GitHub</a></div> </div> <h2> Como Foi Construído (How I Built It) </h2> <p>A aplicação utiliza um ecossistema Full-Stack moderno:</p> <ul> <li> <strong>Frontend:</strong> Construída com <strong>Next.js 15</strong>, React e Tailwind CSS. Deploy realizado na Vercel.</li> <li> <strong>Backend:</strong> Node.js com framework <strong>Express</strong>, estruturada com roteamento modular e preparada para arquitetura Serverless.</li> <li> <strong>Persistência:</strong> Prisma ORM com <strong>PostgreSQL</strong> em produção para garantir integridade dos dados.</li> <li> <strong>Infraestrutura:</strong> Docker e Docker Compose para padronização do ambiente de desenvolvimento.</li> </ul> devchallenge webdev weekendchallenge showdev