May 11
Loading video player...
Portal Dinâmico de Notícias Tech Vue.js Quasar | FastAPI Python | PostgreSQL | Docker Uma plataforma Full-Stack automatizada focada na agregação e exibição em tempo real de matérias sobre a esfera da Tecnologia (Linguagens de programação, Mercado de Trabalho, Inteligência Artificial e Afins). O software varre portais especializados (Web Scraping direcionado ao G1) e transmite os novos conteúdos captados via WebSocket diretamente para a interface dos clientes conectados à rede de forma reativa. ✨ Features e Funcionalidades Scraping Automatizado: Motor backend desenvolvido em BeautifulSoup4 capaz de analisar estruturalmente páginas e pescar as tags essenciais contendo título, resumo e a foto-capa original da matéria. Transmissão Bidirecional (WebSockets): Os usuários não precisam dar refresh na tela; a malha de componentes escuta um servidor de socket dinâmico em ws:// enviando eventos de sincronia em tempo real quando novas matérias chegam no banco. Fluxo de Autenticação Robusto (JWT): A segurança de painéis conta com Middlewares interceptadores para assinar e validar Tokens Bearer. O front-end blinda o acesso utilizando Navigation Guards de Rotas acoplados à Store do Pinia. Dois Níveis de Acesso: Supremos Admins que podem engatilhar Scrapers manuais, registrar Colaboradores e apagar notícias lixo da plataforma. Colaboradores padrão para visualização do fluxo de fundo da empresa limitados na leitura. Design SPA Elegante: Usufruindo do poder total do ecossistema Quasar, contando com CSS Utilirário dinâmico, navegação sem refetch da tela, drawers laterais responsivos e menus modulares, recriando o layout de feeds modernos. 🛠 Arquitetura do Repositório O repositório está quebrado logicamente em três camadas macro rodando fluidamente via ambiente orquestrado Docker. projeto-noticias-tecnologias/ ├── backend/ # Aplicação FastAPI Core │ ├── app/ # Endpoints (api), DB Schema (models), Schemas Pydantic, Workers de Scraping │ ├── Dockerfile # Builder da imagem Python 3.10 │ └── requirements.txt # Gestor de pacotes (passlib, sqlalchemy, etc) ├── frontend/ # Aplicação Vue 3 (Vite + Quasar) │ ├── src/ # Boot, Components, Layouts, Core Pages do Portal e Router config │ ├── Dockerfile # Builder da imagem em Node 22+ │ └── quasar.config.js # Injetor global de plugins e dev config └── docker-compose.yml # Master builder que compila Back, Front e atrela o microserviço do Postgres.