![](data:image/svg+xml,<svg display="block" id="860326568" role="presentation" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M 18.747 6.015 C 19.921 6.5 20.987 7.213 21.884 8.113 C 23.709 9.929 24.715 12.348 24.715 14.923 C 24.715 20.227 20.37 24.55 15.039 24.55 C 13.423 24.549 11.832 24.145 10.411 23.374 L 5.286 24.715 L 6.653 19.722 C 5.814 18.264 5.365 16.613 5.365 14.913 C 5.365 9.609 9.708 5.286 15.039 5.286 C 16.311 5.282 17.571 5.529 18.747 6.015 Z M 6.994 14.913 C 6.992 16.419 7.419 17.895 8.224 19.168 L 8.42 19.479 L 7.609 22.432 L 10.655 21.635 L 10.949 21.8 C 12.179 22.539 13.595 22.918 15.04 22.918 C 19.472 22.918 23.085 19.333 23.085 14.923 C 23.086 13.871 22.878 12.829 22.474 11.858 C 22.07 10.885 21.478 10.002 20.732 9.259 C 19.208 7.744 17.197 6.908 15.049 6.908 C 10.607 6.908 7.004 10.502 6.994 14.913 Z M 12.071 10.473 C 12.227 10.483 12.423 10.425 12.618 10.891 C 12.824 11.367 13.311 12.572 13.37 12.679 C 13.428 12.795 13.467 12.931 13.389 13.096 C 13.311 13.252 13.272 13.359 13.145 13.495 C 13.048 13.64 12.892 13.815 12.784 13.922 C 12.667 14.029 12.559 14.175 12.676 14.408 C 12.823 14.651 13.301 15.437 14.024 16.079 C 14.942 16.895 15.723 17.147 15.977 17.273 C 16.211 17.39 16.348 17.371 16.494 17.205 C 16.63 17.05 17.099 16.506 17.256 16.263 C 17.441 16.03 17.578 16.069 17.802 16.147 C 18.017 16.224 19.208 16.807 19.452 16.943 C 19.697 17.05 19.853 17.108 19.921 17.205 C 19.98 17.312 19.98 17.788 19.774 18.352 C 19.57 18.915 18.613 19.43 18.144 19.498 C 17.724 19.556 17.198 19.586 16.621 19.401 C 16.269 19.294 15.82 19.148 15.244 18.886 C 12.813 17.856 11.232 15.428 11.095 15.263 C 10.988 15.097 10.118 13.961 10.118 12.776 C 10.118 11.6 10.753 11.008 10.968 10.765 C 11.193 10.522 11.456 10.464 11.612 10.464 C 11.779 10.464 11.935 10.473 12.071 10.473 Z M 0 15 C 0 23.284 6.716 30 15 30 C 23.284 30 30 23.284 30 15 C 30 6.716 23.284 0 15 0 C 6.716 0 0 6.716 0 15 Z" fill="rgb(0, 0, 0)" height="30px" id="PucN_QWrB" transform="translate(0 0)" width="30px"/></svg>)
![](data:image/svg+xml,<svg display="block" id="1462678932" role="presentation" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M 22 6 C 23.105 6 24 6.895 24 8 L 24 22 C 24 23.105 23.105 24 22 24 L 8 24 C 6.895 24 6 23.105 6 22 L 6 8 C 6 6.895 6.895 6 8 6 Z M 21.5 21.5 L 21.5 16.2 C 21.5 14.4 20.04 12.94 18.24 12.94 C 17.39 12.94 16.4 13.46 15.92 14.24 L 15.92 13.13 L 13.13 13.13 L 13.13 21.5 L 15.92 21.5 L 15.92 16.57 C 15.917 15.8 16.539 15.173 17.31 15.17 C 17.681 15.17 18.037 15.317 18.3 15.58 C 18.563 15.843 18.71 16.199 18.71 16.57 L 18.71 21.5 Z M 9.88 11.56 C 10.808 11.56 11.56 10.808 11.56 9.88 C 11.563 8.95 10.811 8.193 9.88 8.19 C 8.947 8.19 8.19 8.947 8.19 9.88 C 8.193 10.811 8.95 11.563 9.88 11.56 Z M 11.27 21.5 L 11.27 13.13 L 8.5 13.13 L 8.5 21.5 Z M 0 15 C 0 23.284 6.716 30 15 30 C 23.284 30 30 23.284 30 15 C 30 6.716 23.284 0 15 0 C 6.716 0 0 6.716 0 15 Z" fill="rgb(0, 0, 0)" height="30px" id="Fxb4IosSq" width="30px"/></svg>)
Aplicação para contar pontos de Truco.
Eu mesma fiz o front-end com suporte do Gemini.
IA
Front-end
Interface
Essa aplicação foi desenvolvida durante a minha participação na ImersãoDev, edição de 2024. A ideia do programa era divulgar os cursos da própria Alura e também o Google Gemini.
A proposta era criar um projeto do zero, utilizando a IA como suporte para aprender HTML, CSS e JS.
Então, eu desenvolvi esse contador para truco. Criei o conceito, fiz alguns rascunhos para prototipar, criei a interface e fiz toda a programação, essa última parte com suporte da IA. Você pode conferir o projeto completo no meu GitHub.
Funcionalidades
#1
#2
#3
