Card de personagem estilo RPG, contendo informações como nome, classe, nível, atributos de força, ataque, resistência e velociade. O card é adaptado para ser visualizado com a tela tanto em posição de paisagem quanto de retrato, podendo o usuário mudar para uma das duas posições ao pressionar o botão que contém uma seta. Projeto desenvolvido como dever de casa para a disciplina de programação mobile na Etec a respeito de designs responsivos.
- Estilização condicional
- Manipulação da orientação da tela com Expo
- Captura da largura e altura da tela do dispositivo
- Posição absoluta de elementos
- Flexbox para alinhamento de elementos
- Componentização do layout
- Separação de pastas para cada componente
- Ícones em React
- Passagem de dados entre componentes
Esse projeto foi desenvolvido com as seguintes tecnologias:
Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:
Além disto é bom ter um editor para trabalhar com o código como VSCode
4
Você poder executar o App no seu celular ou em um emulador de celular da sua preferência usando Expo, ou ainda pela plataforma web do Expo acessando este link: expo.dev.
# Clone este repositório
$ git clone https://github.com/JohnPetros/rpg-card.git
# Acesse a pasta do projeto no terminal/cmd
$ cd rpg-card
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npx expo start
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Feito com 💜 by João Pedro 👋🏻