Como começou

Começou como uma agenda para os meus alts.

Início de 2026. Eu só queria saber com qual char caçar em cada dia, para poder gravar para o meu canal do YouTube. O que você vê abaixo são as versões antigas de verdade, com o código antigo e os bugs antigos. Algumas você pode abrir e clicar à vontade.

Nada do que você fizer nas versões antigas fica salvo.

  1. 01

    Uma agenda para os meus alts

    Era só uma página HTML para ver os horários das minhas hunts, lol. Comecei para dar forma ao meu canal do YouTube: definir em que dias eu caçaria com qual char e assim poder gravar essas hunts.

    diario.html
    Captura de diario.html
    Abrir em outra aba open_in_new
  2. 02

    O primeiro protótipo de verdade

    Percebi que não dava mais para dividir meu tracking entre o Notion, outro site e o Hunt Analyser. Então fiz este primeiro protótipo, com um monte de falhas: os itens não carregavam, as divisões não batiam, o visual era feio.

    schedule.html
    Captura de schedule.html
    Abrir em outra aba open_in_new

    A ideia de dividir o loot veio da ferramenta que o Mario (Van Loki) fez.

  3. 03

    Passar tudo para Vue

    O maior salto. Foi o Mario (Van Loki) quem me disse para sair do JavaScript vanilla e ir para Vue, então movi tudo para manter a ordem. Foi um desafio de verdade porque a estrutura mudou por completo, e valeu totalmente a pena. Foi aqui que comecei a perceber que o projeto podia ser maior do que eu tinha pensado.

    jososlab-vue/
    Captura de jososlab-vue/
    Abrir em outra aba open_in_new
  4. 04

    Abrindo tudo

    Não me convencia ter tudo fechado e encapsulado. Eu queria mais liberdade visual para acompanhar mais de uma hunt sem perder o que está na tela, então fiz um wireframe e passei para HTML para ver se funcionava. Abri a interface, mas o estilo liquid glass não me convenceu. Ficava bonito, mas não era eu.

    wireframe.html
    Captura de wireframe.html
    Abrir em outra aba open_in_new

    Este é só um wireframe. Os números da aba Global Analytics são de exemplo.

  5. 05

    Hoje

    A interface aberta ficou e o glass não. Foi nisso que se transformou.

    jososlab.app/dashboard
    Captura de jososlab.app/dashboard
Josos
JososJogador de Tibia, criador do JososLab@tibiajosos no YouTube