Executando verificação de segurança...
5

[Jogue Os Dados] Criei uma aplicação para pessoas que jogam RPG

Olá pessoal, tudo bem?
Espero que sim, que você esteja muito bem.

Hoje eu quero falar sobre algo que venho trabalhando há algumas semanas e que agora está em funcionamento, aprendi muita coisa no caminho mas com toda certeza ainda falta muito mais para aprender e caso você tenha alguns minutos livre se sinta há vontade para dar sugestões e até apontar erros nesse meu projeto.

pagina inicial

Então, o Jogue os dados é uma aplicação que surgiu observando que ao jogar RPG online se tem uma dificuldade de rolar dados, fiz várias buscas por um aplicativo ou site que resolvesse isso e não encontrei e então resolvi fazer um.

A ferramenta faz basicamente o seguinte, ao entrar no site você vai ver duas áreas, uma para criar sala e outra para login, em ambas você tem que preencher com username e o nome da sala, caso seja você o responsável para criar essa sala você insere seu username e passa para seus amigos o nome que você escolheu para criar a sala. logo após logar vai ver um dado poliedro de 6 lados e quando você pressionar botão rolar dado, em tempo real o resultado dos dados rolados vai ser exibido para todos dentro da sala.

dentro da sala

É uma ferramenta simples mas que estou muito orgulhoso de estar conseguindo fazer ela, quando você entrar vai ver que não é um site bonito mas estou indo em busca de aprender e melhorar a interface.

É legal para partidas RPG online por conta de que muitas vezes elas acontecem por ligação e para não ter que ficar dependendo de uma unica pessoa de longe rolar os dados de cada um por que não cada um dos jogadores terem a oportunidade de rolar.

Tenho MUITAS coisas para melhorar, nesse momento tenho somente a possibilidade de rolar dados de 6 lados mas para sessões de RPG tenho que incluir várias opções de dados a serem escolhidos. Quero que fique a vontade para comentar o que você achou dessa ferramenta, dar dicas do que você faria para melhorar isso, fique a vontade para apontar também se encontrou algum erro que eu não consegui enxergar.

Muito obrigado a todos que tiraram um tempo para ler esse post, futuramente trago atualizações sobre o meu andamento. Obrigado e até mais.

5

Seu projeto parece estar caminhando pelo caminho certo, mas vamos a algumas dicas de design:

1 - O dado tem que ser em svg, na tela do pc da para ver os pixels estourando.

2 - Não sei se reparou, mas dependendo do resultado do dado, o dado muda de posição, pouco, mas perceptível.

3 - Tem muito texto, não precisa colocar que seu site roda no mobile e desktop, é um site, tem a obrigação de ser responsivo.

A parte do “Para criar um nome de usuário e sala escreva algo que tenha no mínimo 4 letras e no máximo 20”, devia ter a fonte maior, esta é a informação importante, mas o ideal, seria ter um contador de caracteres mínimos e máximo dentro do próprio formulário, com feedback visual nele mesmo em vez do alert.

E sobre a curiosidade do dado, acho melhor colocar dentro de um modal de dúvida ou em uma outra página, me parece uma informação desnecessária de se ter na página principal.

4 - Na versão mobile tem que colocar padding no body, para o texto não ficar grudado nas laterais do celular.

5 - Lembrou de colocar label no formulário? (Essa é uma dúvida minha).

6 - Recomendo criar um design no figma student, para conseguir ter o recurso de visualização modo dev, além de que é muito mais fácil de construir o design nele, onde só arrastar os elementos, do que ficar testando distâncias em rem.

Boa sorte no desenvolvimento do projeto.

1

Oi Danilo muito obrigado por comentar, estou anotando todos os pontos que você mensionou e vou buscar resolver todos. Confesso que ainda não coloquei label no formulário, vou buscar resolver isso também.
Tem muitas coisas de design que eu não tenho conhecimento, na verdade na programação em um geral eu sei bem básico e estou gostando muito de trabalhar nesse projeto, fazer um projeto é um bom caminho para aprender

Muito obrigado e muito sucesso para você em sua vida e sua carreira.

2