Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nartc/rn-movies

RN Movies Revamped
https://github.com/nartc/rn-movies

Last synced: 17 days ago
JSON representation

RN Movies Revamped

Awesome Lists containing this project

README

        

# React Native Movies App - powered by TMDB Api

This is an application as a mean to practice React Native using TMDB Api. This is written fully in TypeScript. And this is still a WIP. Only two screens have been done

## Technologies
1. React / ReactNative
2. TypeScript
3. React Navigation
4. React Native Elements
5. Redux / Redux Observable with Typesafe Actions
6. Axios / Date-fns
...along with some other libraries...

## Installation and run

As any other RN application on Github, what you need to do:
1. Well, get setup for React Native
2. Clone this repo
3. Install the dependencies with `yarn` or `npm`
4. Run `react-native run-ios` or `react-native run-android`

## Todos

- [x] Linking `trailer` to `Youtube`
- [x] Implement TMDb's Authentication
- [x] Login as Member
- [x] Rate media
- [x] Profile Screen
- [x] Add/Remove to/from Watchlist
- [x] Add/Remove to/from Favorites

## Next version
- [ ] Galleries `Lightbox` in `MediaDetail`
- [ ] Master Search component for both `Movie` and `TvShow`
- [ ] CRUD Playlist
- [ ] Implement Settings screen
- [ ] Some specific settings that I can't think of at the moment
- [ ] Implement Snackbar

## Screenshots

### IOS
nMPJ1Du
image
image
image
image
image

### Android (coming)

## Resources
1. [React TypeScript cheatsheet](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet)
2. [React Navigation documentations](https://reactnavigation.org/)
3. [React Native Elements](https://react-native-training.github.io/react-native-elements/)
4. [Redux Observable](https://redux-observable.js.org/)
5. [typesafe-actions](https://github.com/piotrwitek/typesafe-actions)