Solar System App

đŸ–„ïž Projeto

Aplicativo que apresenta dados (nome, idade, quantidade de luas, temperatura ambiente) e informaçÔes pertinentes a respeito de cada planeta do nosso sistema solar. Na tela principal, o usuĂĄrio pode escolher o planeta tanto pela imagem clicĂĄvel, quanto pelo menu lateral que aparece quando o usuĂĄrio clica no Ă­cone de menu hambĂșrguer. Este projeto foi desenvolvido como dever de casa para a disciplina de programação mobile com o intuito de praticar o conceito de menu lateral em React Native.

Demonstração

Tela Home Menu Lateral Terra JĂșpiter Saturno Netuno

📖 Aprendizado

  • Context API para compartilhar dados entre vĂĄrios componentes
  • Uso de SGV em React Native
  • Construção de menu lateral tanto de forma “nativa”, quanto customizada
  • Uso de biblioteca de Ă­cones prĂłprias para React Native

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:


Como rodar este projeto

Pré-requesitos

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

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.

📟 InstruçÔes

# Clone este repositĂłrio
$ git clone  https://github.com/JohnPetros/solar-system.git

# Acesse a pasta do projeto no terminal/cmd
$ cd solar-system

# Instale as dependĂȘncias
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npx expo start

📝 Licença

Esse projeto estå sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


Feito com 💜 by JoĂŁo Pedro đŸ‘‹đŸ»

GitHub

View Github