Moovbet Wikiarquitetura / moovbet-frontend

Moovbet Frontend App

A face visual (client-side) do cassino e casa de apostas, construída como uma robusta Single Page Application.

React 18 Vite.js Redux & Saga Material-UI (MUI)

⚛️ Stack Tecnológica Principal

Diferente das abordagens Server-Side modernas (como o Next.js que estamos utilizando no Hub), o Frontend da Moovbet foi projetado sobre o motor super rápido do Vite.js, operando majoritariamente no navegador do cliente (Client-Side Rendering).

Gestão de Estado

  • Redux: Controle central rigoroso de estado.
  • Redux-Saga: Orquestra fluxos e Side-Effects complexos (ex: Escutar Websockets de odds).
  • Tanstack React Query: Utilizado também para cacheamento e re-validação rápida de de chamadas API vitais.

Bibliotecas UI / Visuais

  • Material-UI v5: Sistema de Design System primário.
  • Framer Motion: Responsável pelas micro-interações e dezenas de animações contínuas de engajamento do jogador.
  • Lottie Web: Utilizado para processamento e renderização de animações complexas em JSON (comuns em Cassinos).

📁 Árvore de Código (/src)

Diretório Responsabilidade
/components Centro massivo de elementos visuais do app. Contém quase 2.000 componentes React atômicos (cards de jogos, botões, modais).
/store Toda a lógica estrita do Redux e Saga. Guarda os reducers e actions dos saldos, slots ativos, etc.
/locales & /i18n Motor de L10N/Tradução do site em tempo real (provavelmente via i18next), com milhares de strings de texto mapeadas.
/pages Rotas raízes, páginas do cassino que montam os componentes (React Router DOM associado).

🛡️ Serviços & Dependências Exóticas

🕵️‍♂️

FingerprintJS Antifraude

Implementado no frontend para traçar o DNA do navegador do apostador. Previne esquemas de contas múltiplas (multi-accounting) no Cassino e coíbe o abuso de Bônus.

📊

RedTrack & Meta Pixel

Integrações nativas robustas para afiliados. VITE_PUBLIC_RED_TRACK_API_URL no `.env` indica mapeamento profundo de ações do usuário (Clicks via RedTrack).

Web3.js SDK

Pacotes nativos da web3 foram encontrados, sugerindo que o Frontend pode estar desenhado estruturalmente para depósitos de criptomoedas descentralizados em clientes EVM.