https://github.com/orodrigogo/im-mobile
:iphone: (WIP - :construction:) IM é um aplicativo mobile para os apaixonados por filmes. Com ele, é possível organizar seus filmes favoritos e marcar quais você já assistiu. É um projeto que eu criei em React Native para aplicar os conceitos de Mobile First com Firebase.
https://github.com/orodrigogo/im-mobile
Last synced: 6 months ago
JSON representation
:iphone: (WIP - :construction:) IM é um aplicativo mobile para os apaixonados por filmes. Com ele, é possível organizar seus filmes favoritos e marcar quais você já assistiu. É um projeto que eu criei em React Native para aplicar os conceitos de Mobile First com Firebase.
- Host: GitHub
- URL: https://github.com/orodrigogo/im-mobile
- Owner: orodrigogo
- Created: 2020-06-11T18:58:35.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T08:38:54.000Z (almost 3 years ago)
- Last Synced: 2024-10-08T14:02:21.765Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 50.5 MB
- Stars: 19
- Watchers: 3
- Forks: 2
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![]()
### Sobre
O **iMovie** é um aplicativo mobile para os apaixonados por filmes.
Com ele, é possível organizar seus filmes favoritos e marcar quais você já assistiu.
É um projeto que eu criei em **React Native** para aplicar os conceitos de **Mobile First com Firebase**.
![]()
O **IM** está disponível para Android e iOS. :iphone:
### Features
No desenvolvimento do **iMovie** foi utilizado os seguintes recursos e conceitos:- [x] Conexão nativa com o Firebase Android e iOS;
- [x] Utilização da Context API do React para mudar o tema da aplicação entre dark e light.
- [x] Utilização da API de Animações do React Native;
- [x] Utilização do componente **[FastImage](https://github.com/DylanVann/react-native-fast-image)** para cache e performance de carregamento das imagens;
- [x] Aplicação do efeito **[Shimmer](https://github.com/tomzaku/react-native-shimmer-placeholder)** para o carregamento de contéudo;
- [x] Verifica se há conexão com a Internet utilizando o **[React Native Netinfo](https://github.com/react-native-community/react-native-netinfo)**
- [x] Utilizei a Context API do React Native com um listener para identificar automaticamente quando muda o status da conexão com a Internet para saber se o aplicativo está offline ou online.### Anotações
No Android, para verificar o estado na conexão com a internet é necessário incluir no AndroidManifest.xml o seguinte:
```xml
```
Rodrigo Gonçalves Santana - 2020