News Platform - Jornalismo de Elite Gaúcho

Plataforma de notícias responsiva, mobile-first e de alta fidelidade visual, inspirada no ecossistema do Journalist Editor CMS. Focada em performance, tipografia refinada e layout dinâmico.

🚀 Tecnologias Utilizadas

• React 19: Biblioteca para construção de interfaces modernas.
• Tailwind CSS: Estilização baseada em utilitários para design consistente.
• TanStack Query (React Query): Gerenciamento de estado de dados, cacheamento e persistência local.
• Lucide React: Ícones vetoriais leves e elegantes.
• Framer Motion: Animações de transição suaves.
• ESM.sh: Gerenciador de módulos ES6 nativos para carregamento sob demanda.

📂 Estrutura do Projeto

• /components: Componentes UI atômicos (NewsCard, TopBar, Sidebar).
• /hooks: Hooks customizados para navegação, dados e gerenciamento de usuário.
• /services: Camada de abstração para consumo de dados e APIs.
• /pages: Telas principais (Home, Explore, ArticleDetail).
• /docs: Documentação técnica aprofundada.

📊 Schemas de Dados

O projeto utiliza um sistema de schemas editáveis para a capa do jornal:

• Article: Metadados completos da matéria, autor e conteúdo.
• Author: Perfil do jornalista, métricas e selos (Premium).
• HomeLayout: Define a hierarquia e o estilo visual das seções na capa (HERO, GRID, HIGHLIGHT).

🛠 Como Rodar Localmente

1. Pré-requisitos: Um servidor estático simples.
2. Execução:
   • Clone o repositório.
   • Execute um servidor (ex: npx serve . ou extensão Live Server do VSCode).
   • O projeto utiliza importmap nativo, não requerendo npm install ou build complexo para desenvolvimento.

💎 Recursos Premium

• Moldura azul exclusiva com coroa estática para assinantes.
• Conteúdo efêmero de colunistas sincronizado a cada 12h.
• Carregamento infinito de matérias sincronizado com a redação.