https://github.com/severidade/tryunfo
Esta aplicação foi desenvolvida com o objetivo de criar e gerenciar cartas para um jogo no estilo SuperTrunfo
https://github.com/severidade/tryunfo
animation-css js material-ui-react mobile-first reactjs uuidv4
Last synced: 22 days ago
JSON representation
Esta aplicação foi desenvolvida com o objetivo de criar e gerenciar cartas para um jogo no estilo SuperTrunfo
- Host: GitHub
- URL: https://github.com/severidade/tryunfo
- Owner: severidade
- Created: 2023-09-13T13:51:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-07T14:30:35.000Z (over 2 years ago)
- Last Synced: 2025-08-12T16:36:46.208Z (10 months ago)
- Topics: animation-css, js, material-ui-react, mobile-first, reactjs, uuidv4
- Language: JavaScript
- Homepage: https://tryunfo.severidade.com.br/
- Size: 2.55 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SuperTrunfo Card Manager
Esta 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:
- Leitura do estado de um componente e uso desse estado para alterar o que é exibido no navegador.
- Inicialização de um componente com um estado pré-definido.
- Atualização do estado de um componente em tempo real.
- Captura de eventos utilizando a sintaxe do React.
- Criação de formulários utilizando a sintaxe JSX.
### Importância deste projeto
Quando 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.
Em 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. .
**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.
### Dependências
Para a construção deste projeto, foram utilizadas as seguintes dependências:
- **Material-UI**: Uma biblioteca de componentes de interface de usuário para React que simplifica o desenvolvimento de interfaces elegantes e responsivas.
- **uuid**: Uma biblioteca para geração de IDs únicos. Essa dependência é utilizada para atribuir identificadores exclusivos a cada carta no jogo.
### Hospedagem
A aplicação está atualmente hospedada em https://tryunfo.severidade.com.br/.
Você pode acessá-la online e experimentar o SuperTrunfo Card Manager em ação!
### Como Iniciar a Aplicação
1. Clone este repositório para sua máquina local.
2. Certifique-se de ter o Node.js instalado. Se não estiver instalado, você pode baixá-lo em [Node.js](https://nodejs.org/).
3. No diretório raiz do projeto, execute o seguinte comando para instalar as dependências:
```bash
npm install
```
4. Após a conclusão da instalação, você pode iniciar a aplicação com o seguinte comando:
```bash
npm start
```
#### GitHub Visitantes 👀
#### Padrão de design
| Color | Name | Element |
| ------- | ---------- | ---------- |
| #ffffff | write | title |
| #000000 | black | text |
| #ff0000 | red | icons |
| #acacac | light gray | background |