{"id":27171080,"url":"https://github.com/severidade/tryunfo","last_synced_at":"2026-05-03T15:34:54.219Z","repository":{"id":194561361,"uuid":"691098844","full_name":"severidade/tryunfo","owner":"severidade","description":"Esta aplicação foi desenvolvida com o objetivo de criar e gerenciar cartas para um jogo no estilo SuperTrunfo","archived":false,"fork":false,"pushed_at":"2023-12-07T14:30:35.000Z","size":2676,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-12T16:36:46.208Z","etag":null,"topics":["animation-css","js","material-ui-react","mobile-first","reactjs","uuidv4"],"latest_commit_sha":null,"homepage":"https://tryunfo.severidade.com.br/","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/severidade.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-13T13:51:42.000Z","updated_at":"2023-10-11T22:16:19.000Z","dependencies_parsed_at":"2025-04-09T08:42:53.748Z","dependency_job_id":null,"html_url":"https://github.com/severidade/tryunfo","commit_stats":null,"previous_names":["severidade/tryunfo"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/severidade/tryunfo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/severidade%2Ftryunfo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/severidade%2Ftryunfo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/severidade%2Ftryunfo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/severidade%2Ftryunfo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/severidade","download_url":"https://codeload.github.com/severidade/tryunfo/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/severidade%2Ftryunfo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32575112,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["animation-css","js","material-ui-react","mobile-first","reactjs","uuidv4"],"created_at":"2025-04-09T08:29:44.054Z","updated_at":"2026-05-03T15:34:54.201Z","avatar_url":"https://github.com/severidade.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SuperTrunfo Card Manager\n\n\u003ctable width=\"100%\"\u003e\n    \u003ctr\u003e\n        \u003ctd colspan=\"2\"\u003e\n          \u003cimg src=\"./src/img/screenshot/01.png\" alt=\"Descrição da imagem\"\u003e\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd width=\"50%\"\u003e\u003cimg src=\"./src/img/screenshot/02.png\" alt=\"Descrição da imagem\"\u003e\u003c/td\u003e\n        \u003ctd width=\"50%\"\u003e\u003cimg src=\"./src/img/screenshot/03.png\" alt=\"Descrição da imagem\"\u003e\u003c/td\u003e\n        \u003c!-- \u003ctd width=\"33%\"\u003e\u003cimg src=\"./src/img/screenshot/03.png\" alt=\"Descrição da imagem\"\u003e\u003c/td\u003e --\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\nEsta aplicação foi desenvolvida com o objetivo de criar e gerenciar cartas para um jogo no estilo SuperTrunfo, demonstrando a implementação das seguintes habilidades:\n- Leitura do estado de um componente e uso desse estado para alterar o que é exibido no navegador.\n- Inicialização de um componente com um estado pré-definido.\n- Atualização do estado de um componente em tempo real.\n- Captura de eventos utilizando a sintaxe do React.\n- Criação de formulários utilizando a sintaxe JSX.\n\n### Importância deste projeto\nQuando lidamos com informações, existem quatro operações fundamentais que são cruciais para o sucesso de uma aplicação: **Criar** (create), **Ler** (read), **Atualizar** (update) e **Excluir** (delete). O projeto SuperTrufo representa o meu primeiro passo na realização de algumas dessas operações, com foco principal na criação, leitura e exclusão de informações.\n\nEm alguns casos, a aplicação faz uso de [Renderização Condicional](https://pt-br.reactjs.org/docs/conditional-rendering.html) para controlar a exibição de elementos na interface do usuário. .\n\n**Observação**: Este projeto foi originalmente criado como um componente de classe e posteriormente transformado em um componente funcional para seguir as melhores práticas do React.\n\n### Dependências\nPara a construção deste projeto, foram utilizadas as seguintes dependências:\n\n- **Material-UI**: Uma biblioteca de componentes de interface de usuário para React que simplifica o desenvolvimento de interfaces elegantes e responsivas.\n- **uuid**: Uma biblioteca para geração de IDs únicos. Essa dependência é utilizada para atribuir identificadores exclusivos a cada carta no jogo.\n\n### Hospedagem\nA aplicação está atualmente hospedada em https://tryunfo.severidade.com.br/. \nVocê pode acessá-la online e experimentar o SuperTrunfo Card Manager em ação!\n\n### Como Iniciar a Aplicação\n1. Clone este repositório para sua máquina local.\n2. Certifique-se de ter o Node.js instalado. Se não estiver instalado, você pode baixá-lo em [Node.js](https://nodejs.org/).\n3. No diretório raiz do projeto, execute o seguinte comando para instalar as dependências:\n\n```bash\nnpm install\n```\n\n4. Após a conclusão da instalação, você pode iniciar a aplicação com o seguinte comando:\n\n```bash\nnpm start\n```\n\n#### GitHub Visitantes 👀\n\n#### Padrão de design\n\n| Color   | Name       | Element    |\n| ------- | ---------- | ---------- |\n| #ffffff | write      | title      |\n| #000000 | black      | text       |\n| #ff0000 | red        | icons      |\n| #acacac | light gray | background |\n\n\n\n\n    \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseveridade%2Ftryunfo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseveridade%2Ftryunfo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseveridade%2Ftryunfo/lists"}