O Jogos das Profissões é um jogo da memória simples, interativo, inclusivo e educativo para toda a comunidade infantil e famílias.
Home Page: https://jogodasprofissoes.pt
Em dispositivos móveis, o texto do footer fica "colado" às margens.
Passos para reproduzir o comportamento:
O texto não deveria bater na margem.
Os ficheiros .js alojados em /assets/js não parecem estar bem indentados.
Os ficheiros devem ter uma indentação consistente.
Há comentários desnecessários no ficheiro game.css que devem ser removidas.
Linhas: 241-250
O facto dos cartões estarem "hard-coded" no código JS torna a legibilidade e gestão do processo mais difícil.
Estes dados deveriam ser colocados num JSON que é importado pelo game.js.
Tornar repo público
Ativar Merge Approvers
No ficheiro .mergify, colocar seguinte configuração:
pull_request_rules:
- name: Merge do PR requer 2 reviews
conditions:
- "approved-reviews-by>=2"
actions:
merge:
method: merge
O atributo lang está definido como sendo en apesar da linguagem do site ser "pt"
Isto foi verificado através da consulta deste site.
Quando se está a jogar numa resolução de ecrã baixa, e escolhe-se o nível difícil, os cartões de jogo saem fora da caixa branca:
Exemplo:
Sugestão que poderão ser aplicadas:
Em dispositivos móveis, o titulo Jogo das Profissões não fica centrado
Passos para reproduzir o comportamento:
Titulo ficar centrado
Navega até à parte onde se encontra o título:
Criar processo que, quando detecta merge para o branch de "main" despoleta atualização do site via WebDisk.
No ficheiro game.html há imensos espaços em branco, por nenhuma razão aparente.
O código deve ser re-indentado de forma a torná-lo mais legível.
A janela a indicar que o jogo chegou ao fim está a aparecer antes de terminar a animação do último cartão.
Para ficar coerente, deveria de aparecer apenas a seguir ao fim da animação.
Exemplo:
Existe código comentado no ficheiro job-cards.js que deveria ser retirado, dado que não está a ser utilizado.
Linhas: 18-34
O linter está a reportar uma série de erros para o ficheiro game.css.
Passos para reproduzir o comportamento:
assets/css/game.css para encontrar todos os erros reportados:
Todos estes erros devem ser resolvidos.
Nos ficheiros de JavaScript, as strings são criadas com pelica - ' - ou aspas - " de forma inconsistente.
Escolhe uma opção e usa-a consistentemente em todos os ficheiros .js.
Bónus
Quando terminares um dos mentores pode ajudar-te a tornar essa opção o default para o linter, de forma a que se for usada a outra opção, o linter vai assinalar como erro.
Observa como '[ripple]' utiliza pelicas e "ripple-color" utiliza aspas:
No ficheiro index.html é possível encontrar código comentado e deprecado que reduz a legibilidade e pode criar confusão para os outros developers.
Este código deve ser removido.
O linter está a reportar uma série de erros para o ficheiro game.js.
Passos para reproduzir o comportamento:
/assets/js/job-cards.js para encontrar todos os erros reportados:
Todos estes erros devem ser resolvidos.
O linter está a reportar uma série de erros para o ficheiro game.css.
Passos para reproduzir o comportamento:
assets/css/style.css para encontrar todos os erros reportados:
Todos estes erros devem ser resolvidos.
O index.html deverá ser revisto pois existe algumas inconsistências, como os seguintes casos:
Alguém adicionou o texto que está na secção de "Projecto" mas não guardou as alterações no branch main.
Em vez disso, agora está lá um "Lorem Ipsum".
A ideia é substituir o "Lorem Ipsum" peloo texto que está no site.
Por vezes, os botões "Jogar de novo" e "Sair" despoletam um erro (imagem)
Passos para reproduzir o comportamento:
Ao carregar em "Jogar de novo", o jogo deveria recomeçar.
Ou
Ao carregar em "Sair", o jogo deveria voltar para o menu inicial onde se escolhe as dificuldades
O linter está a reportar uma série de erros para o ficheiro game.js.
Passos para reproduzir o comportamento:
/assets/js/game.js para encontrar todos os erros reportados:
Todos estes erros devem ser resolvidos.
O linter está a reportar uma série de erros para o ficheiro game.js.
Passos para reproduzir o comportamento:
/assets/js/main.js para encontrar todos os erros reportados:
Todos estes erros devem ser resolvidos.
Queremos ter uns templates para issues e pull requests para ajudar contribudores a escrever descricoes boas e relevantes para participantes de hacktoberfest ou qualquer outra pessoa que queira contribuir ou fazer triagem de tarefas/bugs.
Há uma linha comentada no ficheiro job-cards.css que não é necessária.
Linha: 105.
O linter está a reportar uma série de erros para o ficheiro game.css.
Passos para reproduzir o comportamento:
assets/css/game.css para encontrar todos os erros reportados:
Todos estes erros devem ser resolvidos.
Quando abrimos o site, aparecem erros na consola que devem ser analisados e corrigidos.
Passos para reproduzir o comportamento:
Nenhum erro devia estar a ser reportado pelo browser.
Um dos links do ficheiro CONTRIBUTING.md não está a funcionar
Passos para reproduzir o comportamento:
O link direcionar para uma página informativa do github
Clica no: aqui e vê o que acontece
Por razões de acessibilidade, todas as imagens devem ter um atributo alt.
Podem ver mais informação sobre esta tag aqui: https://www.w3schools.com/tags/att_img_alt.asp
Podem ver todas as ocorrências que precisam deste atributo aqui:
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.