Preciso de dicas para criar o Dashboard TUI da minha Primeira Aplicação

Fala gente, tb? Esses dias eu to desenvolvendo um aplicativo, uma cli em TypeScript para gerenciamento de projetos para freelancers, e estou codando ela em TypeScript. O projeto se chama Invoice, e estou agr criando um comando Stats q cria um dashboard estático e informativo sobre os projetos, valores, prasos, essas coisas. Estou ja o desenvolvendo, mas pro design, preciso da ajuda de vcs, pra deixar ele o mais bonito possivel. Tenho uma proposta base (pedi pro Gemini gerar um design tui), q é essa ai, e quem quiser dar uma dica, fique avontade :smile:

 ┌────────────────────────────────────────────────────────────────────────────┐
 │ INVOICE DASHBOARD                                               2026-03-10 │
 └────────────────────────────────────────────────────────────────────────────┘

 ┌── PROJECTS SUMMARY ──┐  ┌── FINANCIAL OVERVIEW ────────────────────────────┐
 │                      │  │                                                  │
 │  Total:      15      │  │  Revenue:   $ 25,400.00   [######---------] 40%  │
 │  In Progress: 06     │  │  Collected: $ 10,160.00                          │
 │  Completed:   09     │  │  Pending:   $ 15,240.00                          │
 │                      │  │                                                  │
 └──────────────────────┘  └──────────────────────────────────────────────────┘

 ┌── RECENT ACTIVITY (LAST 5) ────────────────────────────────────────────────┐
 │                                                                            │
 │  ID   NAME                     BUDGET       STATUS         DEADLINE        │
 │  15   Mobile App API           $ 4,500.00   [ STARTED ]    2026-04-15      │
 │  14   Dashboard UI             $ 2,200.00   [ DONE    ]    2026-03-01      │
 │  13   Auth Service             $ 1,800.00   [ STARTED ]    2026-03-25      │
 │  12   Landing Page             $   900.00   [ DONE    ]    2026-02-10      │
 │  11   E-commerce DB            $ 3,100.00   [ STARTED ]    2026-05-20      │
 │                                                                            │
 └────────────────────────────────────────────────────────────────────────────┘

 ┌── ATTENTION / DEADLINES ───────────────────────────────────────────────────┐
 │                                                                            │
 │  ⚠️  Auth Service is due in 15 days!                                       │
 │  🕒 Total hours tracked this month: 142h                                   │
 │                                                                            │
 └────────────────────────────────────────────────────────────────────────────┘

Já gastei algum tempo buscando por formas de montar uma interface bonita no terminal, porém o máximo q cheguei a usar foi essa biblioteca em Python.

Voltei a pesquisar algumas alternativas, falando com o Gemini e usando o Btop como referência de interface desejada (acho incrível o que eles fizeram no terminal). Achei essa lib muito interessante e pretendo explorar ela um pouco mais.

1 curtida

Vlw demais mn! Gostei desse Ink UI, como estou usando Ink msm, é uma boa lib de componentes pra ele! :smile: