![](/style/images/good.png)
![](/style/images/bad.png)
Solar system Application developed in React Native
source link: https://reactnativeexample.com/solar-system-application-developed-in-react-native/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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
📖 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
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK