{"id":31582799,"url":"https://github.com/blmarquess/game-trunfo","last_synced_at":"2025-10-05T23:18:04.459Z","repository":{"id":49557185,"uuid":"451177262","full_name":"blmarquess/Game-Trunfo","owner":"blmarquess","description":"App React para cadastros de cartas em um  game de Trunfo","archived":false,"fork":false,"pushed_at":"2022-06-19T01:41:12.000Z","size":2436,"stargazers_count":16,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"bruno-marques-project-tryunfo","last_synced_at":"2024-05-02T02:50:21.262Z","etag":null,"topics":["css","javascript","reactjs","tailwind","tailwindcss"],"latest_commit_sha":null,"homepage":"https://game-trunfo.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/blmarquess.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-01-23T17:23:16.000Z","updated_at":"2024-02-03T12:45:51.000Z","dependencies_parsed_at":"2022-08-19T06:02:24.739Z","dependency_job_id":null,"html_url":"https://github.com/blmarquess/Game-Trunfo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/blmarquess/Game-Trunfo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blmarquess%2FGame-Trunfo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blmarquess%2FGame-Trunfo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blmarquess%2FGame-Trunfo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blmarquess%2FGame-Trunfo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/blmarquess","download_url":"https://codeload.github.com/blmarquess/Game-Trunfo/tar.gz/refs/heads/bruno-marques-project-tryunfo","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blmarquess%2FGame-Trunfo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278532370,"owners_count":26002350,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","javascript","reactjs","tailwind","tailwindcss"],"created_at":"2025-10-05T23:18:01.764Z","updated_at":"2025-10-05T23:18:04.454Z","avatar_url":"https://github.com/blmarquess.png","language":"JavaScript","funding_links":["https://ko-fi.com/N4N2DC6XA"],"categories":[],"sub_categories":[],"readme":"# GAME TRUNFO🃏\n\n## Projeto proposto no curso de front-end da Trybe\n\n\u003e O projeto consiste em criar uma página para cadastro de cartas de um jogo de super trunfo contendo um formulário para incluir nome e atributos de cada carta a ser utilizada no game de Trunfo\n\n### Requisitos do projeto\n\n- [x] - 1. Crie o formulário que será usado para adicionar cartas ao baralho\n- [x] - 2. Adicione as props necessárias ao componente de formulário\n- [x] - 3. Crie e renderize o componente Card com as props necessárias\n- [x] - 4. Crie o preview da carta que está sendo criada pelo formulário\n- [x] - 5. Faça a validação do botão de Salvar no formulário\n- [x] - 6. Crie a função do botão salvar\n- [x] - 7. Crie a validação do Super Trunfo\n- [x] - 8. Exiba a lista de cartas que estão salvas no estado\n- [x] - 9. Crie um botão para remover uma carta do baralho\n\n### Requisitos bônus\n\n- [x] - 10. Crie o filtro pelo nome da carta\n- [x] - 11. Crie o filtro por raridade da carta\n- [x] - 12. Crie o filtro de Super Trunfo\n- [x] - 13. Estilização a aplicação\n\n#### Recursos utilizados no projeto\n\n\u003e Foram os ensinamentos do primeiro bloco do curso de React.JS onde nos foi passado como criar componentes de class e como instanciar e manipular um estado dentro destes componentes\n\n#### Exemplos da aplicação funcionando\n\n![form-cadastro-da-aplicacao](https://raw.githubusercontent.com/blmarquess/Game-Trunfo/bruno-marques-project-tryunfo/src/assets/form-cadastro-carta.png)\n![dack-de-cartas-da-aplicacao](https://raw.githubusercontent.com/blmarquess/Game-Trunfo/bruno-marques-project-tryunfo/src/assets/deck-de-cartas.png)\n\n#### Aprendizados que tive no projeto\n\n- Criar e utilizar um componente .JSX do React.JS\n  \n- Utilizar o estado do componente com o this.state\n  \n- Utilizar o um estado como condição para renderizar componentes\n  \n- Enviar props entre componentes\n  \n- Estilização com Tailwind CSS\n  \n####  Tecnologias utilizadas\n\n- HTML/CSS/JavaScript\n  \n- React.JS\n  \n- Tailwind CSS\n\n\n\u003cdiv  align=\"center\"\u003e\n\u003cp align=\"center\"\u003eContatos: \u003cbr\u003e\u003c/p\u003e\n\n\u003cp align=\"center\" style=\"max-width: 50%;\"\u003e\n \u003ch3\u003eBruno Marques\u003c/h3\u003e\n  \u003ca href=\"https://www.linkedin.com/in/00brunomarques/\" alt=\"link para o Linkedin de Bruno Marques\" rel=\"nofollow\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" style=\"max-width: 100%;\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"mailto:blmarques.dev@gmail.com\" alt=\"link para o enviar e-mail para Bruno Marques\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white\" style=\"max-width: 100%;\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003cdiv\u003e\n\n  \n  \n\u003e Foram os ensinamentos do primeiro bloco do curso de React.JS onde nos foi passado como criar componentes de class e como instanciar e manipular um estado dentro destes componentes\n  \n  \n  \u003cdiv align='center'\u003e\n\t\t\n[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/N4N2DC6XA)\n\t\t\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblmarquess%2Fgame-trunfo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblmarquess%2Fgame-trunfo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblmarquess%2Fgame-trunfo/lists"}