Como construir um site de verificação de fatos em tempo real para o público
Crie um site de verificação de fatos amigável ao usuário que verifica instantaneamente o conteúdo contra fontes confiáveis. Este projeto tem como objetivo fornecer resultados imediatos de Verdadeiro/Falso para artigos ou capturas de tela, tornando as informações confiáveis facilmente acessíveis ao público em geral.
Learn2Vibe AI
Online
What do you want to build?
Riassunto Semplice
Construa um site de verificação de fatos em tempo real que verifica instantaneamente artigos ou capturas de tela contra fontes confiáveis e Snopes, exibindo um selo de Verdadeiro/Falso para o público em geral.
Documento dei Requisiti del Prodotto (PRD)
Objetivos:
- Desenvolver um site de verificação de fatos em tempo real para o público em geral
- Fornecer resultados de verificação imediatos para artigos ou capturas de tela
- Suportar conteúdo em inglês
- Lidar com até 100 usuários simultâneos
Publico-alvo:
- Público em geral em busca de verificação rápida de fatos
Recursos principais:
- Entrada do usuário para uploads de artigos ou capturas de tela
- Verificação de fatos em tempo real contra fontes confiáveis e Snopes
- Exibição imediata do selo de Verdadeiro/Falso
- Interface amigável ao usuário para fácil navegação
Requisitos do usuário:
- Interface simples e intuitiva para envio de conteúdo
- Resultados de verificação de fatos rápidos e precisos
- Visualização clara do selo de Verdadeiro/Falso
- Design responsivo para acessibilidade em vários dispositivos
Flussi Utente
-
Envio de conteúdo: Usuário envia texto de artigo ou captura de tela → Sistema processa a entrada → Usuário aguarda a verificação
-
Exibição de resultados: Sistema conclui a verificação → Selo de Verdadeiro/Falso aparece → Usuário visualiza o resultado
-
Múltiplas verificações: Usuário envia outro conteúdo → Sistema processa a nova entrada → Novo resultado exibido
Specifiche Tecniche
- Front-end: React.js para um aplicativo de página única responsivo
- Back-end: Node.js com Express para manipulação de API
- Banco de dados: MongoDB para armazenar resultados de verificação e dados do usuário
- Integração de API: Axios para solicitações HTTP para APIs de verificação de fatos
- Processamento de imagens: Tesseract.js para OCR em capturas de tela enviadas
- Hospedagem: Replit para desenvolvimento e implantação inicial
- Controle de versão: Integração do Git no Replit
Endpoint API
-
POST /api/verify
- Requisição: { content: string, type: "text" | "image" }
- Resposta: { result: "true" | "false", confidence: number, sources: string[] }
-
GET /api/stats
- Resposta: { totalChecks: number, accuracyRate: number }
Schema del Database
FactCheck:
id: ObjectId
content: String
type: String (text/image)
result: Boolean
confidence: Number
sources: Array<String>
timestamp: Date
User:
id: ObjectId
username: String
checkCount: Number
Struttura dei File
/src
/components
Header.js
Footer.js
FactCheckForm.js
ResultDisplay.js
/pages
Home.js
About.js
/services
apiService.js
factCheckService.js
/utils
imageProcessing.js
App.js
index.js
/server
/routes
factCheck.js
stats.js
/models
FactCheck.js
User.js
server.js
/public
index.html
styles.css
Piano di Implementazione
- Configurar o ambiente Replit com Node.js e React
- Implementar a estrutura básica do front-end e os componentes
- Criar o servidor de back-end com Express
- Integrar a funcionalidade de OCR para processamento de capturas de tela
- Implementar a lógica de verificação de fatos e integrações de API
- Desenvolver o esquema de banco de dados e conectar o MongoDB
- Criar endpoints de API para verificação de fatos e estatísticas
- Implementar autenticação de usuário (se necessário)
- Otimizar para desempenho e escalabilidade
- Realizar testes abrangentes e corrigir bugs
- Implantar a versão inicial no Replit
Strategia di Distribuzione
- Desenvolver e testar no ambiente de desenvolvimento integrado do Replit
- Usar os recursos de hospedagem do Replit para a implantação inicial
- Configurar integração contínua com o controle de versão do Replit
- Monitorar o desempenho e o feedback dos usuários
- Iterar e melhorar com base no engajamento dos usuários
- Considerar escalar para uma plataforma em nuvem (por exemplo, Heroku, AWS) se a base de usuários crescer além das capacidades do Replit
Motivazione del Design
O projeto usa o React por sua arquitetura baseada em componentes, permitindo uma estrutura modular e sustentável para o front-end. Node.js e Express fornecem um back-end leve adequado para integrações de API. O MongoDB é escolhido por sua flexibilidade com dados não estruturados, o que é benéfico para armazenar resultados de verificação de fatos variados. A estrutura de arquivos separa as preocupações entre componentes de front-end, lógica de back-end e serviços, promovendo a organização do código. O Replit é usado por seus recursos de desenvolvimento e hospedagem integrados, tornando-o ideal para um projeto para iniciantes com necessidades de implantação imediata.