Nº 14de 22Índice

PredictFlow

Frontend Next.js 15 de um painel de pipeline de vendas: importação de CSV, dashboards Chart.js e alerta de negociação atrasada

Ano
2025
Status
ENTREGUE
Stack
Next.js 15 · React 19 · Tailwind CSS · Chart.js +3
predictflow
P

Next.js 15

Sem captura pública — capa gerada

01O projeto

Sprint do 2º semestre, time de cinco: painel de pipeline de vendas que importa um CSV de negociações, classifica cada uma em cotado, execução ou negado, detecta atraso e dispara alerta por e-mail. O backend é FastAPI com MongoDB (Motor) e JWT, feito pelo time; o que é meu é o frontend — 29 dos 75 commits, o maior volume do repositório: autenticação, dashboard e as telas de pedido e de equipe.

02O que foi feito

  1. Maior contribuidor do frontend: 29 dos 75 commits (39%) — a API FastAPI/MongoDB é do time, não minha

  2. Fluxo de autenticação inteiro em Next.js 15 (Pages Router): login, registro e recuperação de senha, com o JWT guardado em cookie

  3. Dashboard em Chart.js com indicador do percentual de negociações atrasadas

  4. Detalhe e timeline do pedido com filtros por cliente e por responsável, e página de equipe paginada separando usuários listados e não listados

03Stack

  • Next.js 15
  • React 19
  • Tailwind CSS
  • Chart.js
  • JWT
  • FastAPI
  • MongoDB
Próximo projeto →Nº 15

Aplicação social full-stack (JS + Python)