PROJETO PESSOAL

SnipLink

Encurtador de links com conta, painel e contagem de acessos em tempo real.

Next.js · Elysia.js · Bun · Drizzle ORM · PostgreSQL · Tailwind CSS

Abrir a demo de SnipLink(abre em nova aba)Ver o código de SnipLink(abre em nova aba)

JP / 003 · SIDE B

Um link curto que conta cada clique, com a API escrita junto do cliente dela.

  1. O link curto mora no próprio domínio

    O redirecionamento é servido pelo domínio do front, e cada clique é contado no caminho.

    Cada link mostra o destino, os cliques e se está ativo; um link inativo não redireciona.

  2. Cada clique aparece na hora

    O analytics mostra os cliques ao longo do tempo, a distribuição por horário e os links mais populares.

  3. A API e o cliente escritos juntos

    Foi o projeto em que eu quis escrever a API e o cliente dela ao mesmo tempo, para ver onde os dois se desencontram.

Lista de links do painel do snip.link: cada link curto com o selo de ativo, a URL de destino, o número de cliques e a data de criação, com filtros e busca acima.
01 · linksJP / 003
Tela de analytics com o gráfico de cliques dos últimos trinta dias, um gráfico de barras dos cliques por hora do dia e o ranking dos links mais acessados.
02 · analyticsJP / 003
Formulário para criar um link: a URL original, o alias personalizado opcional e a chave de status, com o botão Criar Link.
03 · novo linkJP / 003

O catálogo

← JP / 001 · INÍCIO
  1. 002

    Quitto

    O credor cadastra, o devedor comprova e ninguém precisa cobrar na mão.
  2. 003

    SnipLink

    Um link curto que conta cada clique, com a API escrita junto do cliente dela.    você está aqui
  3. 004

    Sistema Operadora Virtual

    Uma plataforma nova para as empresas administrarem as próprias linhas móveis.