5

Solar system Application developed in React Native

 1 year ago
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

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK