Antonio Mesquita

Documentação

Sobre o Site

Portfólio pessoal e blog de Antonio Mesquita — focado em performance, acessibilidade e detalhes visuais.

Estrutura do Site

O que cada página oferece

Início

Hero com apresentação, stats animados (4+ anos, 35+ projetos, 18+ parceiros) e animações com Framer Motion.

→ /

Sobre

Trajetória de aluno de Ciência da Computação (2022, 17 anos) a desenvolvedor pleno na Realize Software, passando por CTO de startup jurídica.

→ /sobre

Projetos

Prancha de desenho técnico animada: o diagrama de arquitetura se remonta ao trocar de projeto, com os nós compartilhados viajando pela tela em vez de sumir e reaparecer.

Piesse

Next.js, NestJS, PostgreSQL, OpenAI

Frevo

React, Node.js, MongoDB, Stripe

Egle

Vue.js, FastAPI, PostgreSQL

1001Tem

Next.js, React Native, GraphQL

→ /projetos

Blog

Listagem de artigos com busca, sidebar de categorias, tempo de leitura e tags. Conteúdo em Markdown.

→ /blog

Tecnologias

Next.js 16React 19TypeScriptTailwind CSS 4Framer MotionGSAP FlipLucide IconsPoppins

Backend

API NestJS com Supabase (PostgreSQL). CRUD de posts e categorias, armazenamento em Markdown. Health check em /api/health.

Design e UX

  • Layout minimalista, branco e tons neutros
  • Animações suaves e microinterações (Framer Motion)
  • Cards com gradientes no hero
  • Responsivo para mobile, tablet e desktop
  • Acessibilidade com ARIA e estrutura semântica