Todos os trabalhos
web / Estudo de projeto

in.orbit

Aplicação fullstack de rastreamento de metas semanais com dashboard de progresso, construída durante o NLW Pocket da Rocketseat.

Atuação

Desenvolvimento de software

Tecnologias
  • React
  • TypeScript
  • Fastify
  • Drizzle ORM
  • PostgreSQL
  • Tailwind CSS
  • Radix UI
  • TanStack React Query
  • Zod
in.orbit
Visão do projeto / in.orbit
Ver código no GitHub
O que o sistema faz

Da tela à operação.

Queries SQL Avançadas

Backend utiliza CTEs (Common Table Expressions) encadeadas com funções de agregação JSON do PostgreSQL (JSON_AGG, JSON_BUILD_OBJECT, JSON_OBJECT_AGG) para retornar dados estruturados diretamente do banco.

Type-Safety End-to-End

Validação com Zod tanto no frontend (React Hook Form) quanto no backend (Fastify Type Provider), garantindo tipagem forte em toda a aplicação.

Por dentro do projeto

Notas de desenvolvimento.

Frontend
  • React 18 com TypeScript e Vite para build rápido
  • TanStack React Query para cache, invalidação e sincronização de dados
  • React Hook Form + Zod para formulários performáticos com validação por schema
  • Radix UI (Dialog, Progress, RadioGroup) como base de componentes acessíveis
  • Tailwind CSS com Tailwind Variants para sistema de design componentizado
  • Day.js com locale pt-BR para formatação de datas
Backend
  • Fastify com Zod Type Provider para validação automática de rotas
  • Drizzle ORM com query builder type-safe e suporte a raw SQL
  • PostgreSQL via Docker com migrations versionadas pelo Drizzle Kit
  • CUID2 para geração de IDs distribuídos (alternativa ao UUID)
  • Arquitetura com separação clara: Routes → Functions → Database
Próximo projetoREDD