Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thiagomartins367/trybe-project-tryunfo
Projeto de desenvolvimento de um jogo no estilo Super Trunfo podendo criar cartas de qualquer tema. 😃🃏🃏🃏
https://github.com/thiagomartins367/trybe-project-tryunfo
css3 javascript jsx reactjs
Last synced: 3 days ago
JSON representation
Projeto de desenvolvimento de um jogo no estilo Super Trunfo podendo criar cartas de qualquer tema. 😃🃏🃏🃏
- Host: GitHub
- URL: https://github.com/thiagomartins367/trybe-project-tryunfo
- Owner: thiagomartins367
- Created: 2022-02-28T22:06:59.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-04-29T22:18:47.000Z (over 2 years ago)
- Last Synced: 2024-11-09T20:26:55.795Z (about 2 months ago)
- Topics: css3, javascript, jsx, reactjs
- Language: JavaScript
- Homepage:
- Size: 1.29 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
## Descrição
Este projeto foi desenvolvido durante o período de Curso da Trybe 🚀
O projeto tem por objetivo a avaliação e prática dos conhecimentos adquiridos na Trybe, visando o cumprimento do requisitos solicitados pela mesma.
### ATENÇÃO: Para utilizar a aplicação acesse o link no canto direito em "About".
---
## Sumário
- [Habilidades](#habilidades-requeridas)
- [O que foi desenvolvido](#o-que-foi-desenvolvido)
- [Tecnologias usadas](#tecnologias-usadas)
- [Antes de inicializar a aplicação](#antes-de-inicializar-a-aplicação)
- [Linter](#linter)
- [Demonstração do Projeto](#desmontração-de-uso)
---
## Habilidades requeridas
- Ler o estado de um componente e usá-lo para alterar o que se exibe no browser.
- Inicializar um componente, dando a ele um estado pré-definido.
- Atualizar o estado de um componente.
- Capturar eventos utilizando a sintaxe do React.
- Criar formulários utilizando sintaxe JSX com as tags: input, textarea, select, form, checkbox.
- Transmitir informações de componentes filhos para componentes pais via callbacks.
- Fazer uso da renderização condicional nos componentes react.
---
## O que foi desenvolvido
Foi implementado um jogo no estilo Super Trunfo! Ao utilizar essa aplicação uma pessoa usuária deverá ser capaz de:
- Criar um baralho, com o tema livre;
- Adicionar e remover uma carta do baralho;
- Visualizar todas as cartas que foram adicionadas ao baralho;
---
## Tecnologias usadas
- `javascript`, `jsx`, `React` e `css`.
---
## ANTES DE INICIALIZAR A APLICAÇÃO:
1. Clone o repositório
* `git clone [email protected]:THIAGOMARTINS367/Trybe-project-tryunfo.git`
* Entre na pasta do repositório na sua máquina:
* `Trybe-project-tryunfo`
2. Instale as dependências
* `npm install`
3. Inicialize o projeto
* Utilize o comando `npm start` dentro da pasta `Trybe-project-tryunfo` para rodar o projeto em sua máquina.
---
### Linter
Para garantir a qualidade do código, foi utilizado neste projeto os linters `ESLint` e `StyleLint`.
Assim o código estará alinhado com as boas práticas de desenvolvimento, sendo mais legível
e de fácil manutenção! Para rodá-los localmente no projeto, execute os comandos abaixo:
```bash
npm run lint
npm run lint:styles
```
Quando é executado o comando `npm run lint:styles`, ele irá avaliar se os arquivos com a extensão `CSS` estão com o padrão correto.
Quando é executado o comando `npm run lint`, ele irá avaliar se os arquivos com a extensão `JS` e `JSX` estão com o padrão correto.
---
## Desmontração de Uso
### *Em produção*...