Discover Movies and TV shows - React Native

Overview

movieapp Paypal Donate

Discover Movies and TV shows

movieapp-screenshots_big_iphone_

Download APK file

What's included

Name Description
React Native Build Native Mobile Apps using JavaScript and React.
React Native Navigation App-wide support for 100% native navigation with an easy cross-platform interface.
Redux Predictable state container for JavaScript apps.
Redux Thunk Thunk middleware for Redux
ESLint The pluggable linting utility for JavaScript and JSX

Requirements

Installation

Clone this repo

$ git clone [email protected]:JuneDomingo/movieapp.git
$ cd movieapp
$ yarn install or npm install

Create .env file in your root directory and add the following

TMDB_URL=https://api.themoviedb.org/3
TMDB_IMG_URL=https://image.tmdb.org/t/p
TMDB_API_KEY=your_tmdb_api_key_here

YOUTUBE_URL=https://www.googleapis.com/youtube/v3/videos
YOUTUBE_API_KEY=your_youtube_api_key_here

Get api key - TMDB - Youtube

How to start

$ react-native run-android
$ react-native run-ios

Exponent/ex-navigation version

Brent Vatne did awesome work to make this run on exponent, checkout his repo

How to rename react native app?

react-native-rename - Rename react-native app with just one command

Comments
  • How do you register the application?

    How do you register the application?

    Hello,

    Thanks for the work and example, kind of trying to replicate this with RNN v2, but I cannot make my repository to work.

    I cannot find where you call AppRegistry.registerComponent("movieapp", () => ...) or equivalent anywhere. So my version get the

    Application [name] has not been registered. error

    Could you please elaborate ? I did a few hypothesis, but none worked.

    Thanks!

    opened by pmlarocque 7
  • App not launching on Android or iOS

    App not launching on Android or iOS

    I have tried to compile and launch the app using the latest source, but I don't get anything in Genymotion.

    With the iOS emulator, I get a "basic" (aka the default RN screen white background / just saying MobileApp).

    simulator screen shot feb 4 2017 5 55 51 pm

    Could this be due to an incompatibility with a new version of RN ?

    opened by dhammikab 4
  • network errors from TMDB

    network errors from TMDB

    Getting network errors from TMDB

    movies.actions.js:60 Now Playing Error: Network Error
        at createError (createError.js:16)
        at XMLHttpRequest.handleError (xhr.js:87)
        at XMLHttpRequest.dispatchEvent (event-target.js:172)
        at XMLHttpRequest.setReadyState (XMLHttpRequest.js:546)
        at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:381)
        at XMLHttpRequest.js:485
        at RCTDeviceEventEmitter.emit (EventEmitter.js:181)
        at MessageQueue.__callFunction (MessageQueue.js:250)
        at MessageQueue.js:101
        at MessageQueue.__guard (MessageQueue.js:218)
    
    movies.actions.js:40 Popular Error: Network Error
        at createError (createError.js:16)
        at XMLHttpRequest.handleError (xhr.js:87)
        at XMLHttpRequest.dispatchEvent (event-target.js:172)
        at XMLHttpRequest.setReadyState (XMLHttpRequest.js:546)
        at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:381)
        at XMLHttpRequest.js:485
        at RCTDeviceEventEmitter.emit (EventEmitter.js:181)
        at MessageQueue.__callFunction (MessageQueue.js:250)
        at MessageQueue.js:101
        at MessageQueue.__guard (MessageQueue.js:218)
    
    
    movies.actions.js:60 Now Playing Error: Network Error
        at createError (createError.js:16)
        at XMLHttpRequest.handleError (xhr.js:87)
        at XMLHttpRequest.dispatchEvent (event-target.js:172)
        at XMLHttpRequest.setReadyState (XMLHttpRequest.js:546)
        at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:381)
        at XMLHttpRequest.js:485
        at RCTDeviceEventEmitter.emit (EventEmitter.js:181)
        at MessageQueue.__callFunction (MessageQueue.js:250)
        at MessageQueue.js:101
        at MessageQueue.__guard (MessageQueue.js:218)
    
    
    movies.actions.js:40 Popular Error: Network Error
        at createError (createError.js:16)
        at XMLHttpRequest.handleError (xhr.js:87)
        at XMLHttpRequest.dispatchEvent (event-target.js:172)
        at XMLHttpRequest.setReadyState (XMLHttpRequest.js:546)
        at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:381)
        at XMLHttpRequest.js:485
        at RCTDeviceEventEmitter.emit (EventEmitter.js:181)
        at MessageQueue.__callFunction (MessageQueue.js:250)
        at MessageQueue.js:101
        at MessageQueue.__guard (MessageQueue.js:218)
    
    
    opened by drorbiran 3
  • error on first build: Could not get unknown property 'MYAPP_RELEASE_STORE_FILE

    error on first build: Could not get unknown property 'MYAPP_RELEASE_STORE_FILE

    Hi all,

    When trying to run this app I get the following error (on windows 7 running android)

    Could not get unknown property 'MYAPP_RELEASE_STORE_FILE' for SigningConfig_De corated{name=release, storeFile=null, storePassword=null, keyAlias=null, keyPass word=null, storeType=null, v1SigningEnabled=true, v2SigningEnabled=true} of type com.android.build.gradle.internal.dsl.SigningConfig.

    App runs after removing below lines from build.gradle storeFile file(MYAPP_RELEASE_STORE_FILE) storePassword MYAPP_RELEASE_STORE_PASSWORD keyAlias MYAPP_RELEASE_KEY_ALIAS keyPassword MYAPP_RELEASE_KEY_PASSWORD

    However, when running the app I get the following image

    Anyone else running on windows or know how to solve this? Thnx

    opened by WillyRamirez 3
  • I got issues when tried to build your app.

    I got issues when tried to build your app.

    The issues was in app.js file, this line: export const TMDB_URL = Config.TMDB_URL;

    I can't find the .env file that will be read from react-native-config. It returned an error: "null is not an object (evaluating '_reactnativeConfig2.default.TMDB_URL')

    Please help...

    opened by anhchuyen 2
  • App crashes with callTimers error

    App crashes with callTimers error

    When I clone this repo and do yarn install and then react-native run-ios, the app launches with an error: Module JSTimerExecution is not a registered callable module (calling callTimers)

    opened by MrLoh 1
  • iOS: DeviceInfo native module is not installed correctly

    iOS: DeviceInfo native module is not installed correctly

    I'm trying to run this project on iOS simulator, but I'm getting the following error: ExceptionsManager.js:71 Unhandled JS Exception: DeviceInfo native module is not installed correctly

    opened by puelocesar 1
  • Unable to build on iOS

    Unable to build on iOS

    I am having the same issue of #7. I have tried multiple times to build for ios but with no luck.

    I have tried with both yarn and npm.

    From the CLI:

    Signing Identity:     "-"
    
        /usr/bin/codesign --force --sign - --timestamp=none /***/movieapp/ios/build/Build/Products/Debug-iphonesimulator/movieapp.app/PlugIns/movieappTests.xctest
    
    
    
    ** BUILD SUCCEEDED **
    
    
    
    The following commands produced analyzer issues:
            Analyze Views/RCTMapManager.m
            Analyze Modules/RCTRedBox.m
    (2 commands with analyzer issues)
    
    Installing build/Build/Products/Debug-iphonesimulator/movieapp.app
    Launching org.reactjs.native.example.movieapp
    org.reactjs.native.example.movieapp: 15496
    

    Simulator: screen shot 2017-02-07 at 22 35 25

    I have also tried building from xcode but same result Do you have any idea of what could be the issue? Thanks!

    opened by andreafalzetti 1
  • undefined const on constants/api.js

    undefined const on constants/api.js

    Hy june..

    i have tried to run this source for learning, but i got some problem on react-native-config on constants/api.js all line got error undefined, i see in react-native-config documentation it need .env on root directory, like

    API_URL=https://myapi.com GOOGLE_MAPS_API_KEY=abcdefgh

    but i don't see it in your source Thanks for helping btw..

    opened by arhysaid 1
  • Unable to build under Windows 10 / MacOS

    Unable to build under Windows 10 / MacOS

    Hi, I tried to build this project in both platforms but no luck.

    npm install returns quite some dependencies error like whatwg-fetch is now required by jest which leads to needing react 15.4.1, etc.

    After fixing all those errors, react-native run-android returns error: :app:generateDebugBuildConfig FAILED

    FAILURE: Build failed with an exception.

    • What went wrong: Execution failed for task ':app:generateDebugBuildConfig'.

    Failed to create C:\rn\movieapp\android\app\build\generated\source\buildConfig\debug\com\movieapp

    I am doing this under windows cmd, administrator mode already.

    Really want to try this project out. Kindly help if you can spare some. Thank you!

    opened by tstkenny 1
  • error in packager

    error in packager

    Error

    React packager ready.
    
    Loading dependency graph...jest-haste-map: @providesModule naming collision:
      Duplicate module name: fb-watchman
      Paths: C:\Users\mirko\Downloads\movieapp\node_modules\react-native\node_modules\jest-haste-map\node_modules\sane\node_modules\fb-watchman\package.json collides with C:\Users\mirko\Downloads\movieapp\node_modules\react-native\node_modules\fb-watchman\package.json
    
    This warning is caused by a @providesModule declaration with the same name across two different files.
    Loading dependency graph, done.
    Bundling `index.android.js`  100.0% (656/656), done.
    

    Steps:

    • git clone from master
    • yarn install
    • react-native start
    opened by realtebo 0
  • Android - drawer navigations not really working

    Android - drawer navigations not really working

    this is a really great example project - thank you for this effort.

    I wanted to extend the drawer and perform some navigation between a bunch of screens but it seems to not work. I've been struggling with this for hours now.

    this.props.navigator.popToRoot is not doing anything. Can you please extend the app and demonstrate how to navigate to a different Screen (not in Modal mode like you did for the search screen)

    opened by chenbekor 0
  • Android problem

    Android problem

    Hello, I'm an android developer, has recently been looking for some more react - native - navigation + react - story related to the demo.When see the demo, in the heart very happy.Download and then, I will run it, and found that there is no question of android compilation, is in after successful compilation, mobile device is blank, what also have no.Under normal circumstances should appear red this time error, prompt without even a node on the server, but this only a white screen.Can you take time to help me analysis?

    opened by shiran1992 3
Releases(v2.0.2)
Owner
June Domingo
Fullstack Developer @Rebel-Fitness
June Domingo
Codepath-flix - An iOS app that shows the movies currently playing in theaters

Flix App Submitted by: Luis Mora User Stories REQUIRED (10pts) (2pts) User sees

null 0 Mar 2, 2022
tvOS example app, shows upcoming movies

UpcomingMovies tvOS example app. Shows upcoming movies as a list and in a detail movie screen, using TMDb API. Installation Run pod install on project

Ivan Magda 32 Nov 10, 2022
React Native library that implements PayPal Checkout flow using purely native code (swift).

react-native-paypal-swift React Native library that implements PayPal Checkout flow using purely native code (swift). Installation npm install react-n

Tibb 6 Nov 28, 2022
React Native utility library around image and video files for getting metadata like MIME type, timestamp, duration, and dimensions. Works on iOS and Android using Java and Obj-C, instead of Node 🚀.

Qeepsake React Native File Utils Extracts information from image and video files including MIME type, duration (video), dimensions, and timestamp. The

Qeepsake 12 Oct 19, 2022
Blazing⚡️Fast BTC and ETH Wallet Generator library for React Native, Android and iOS

Blazing ⚡️ Fast BTC and ETH Wallet Generator library for React Native, Android and iOS.

Coingrig 3 Feb 21, 2022
iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).

FinanceReactNative iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android). Data is pulled from Yahoo Finance

kf 2k Dec 29, 2022
🏀 iOS and Android NBA app created with React Native

Swish An iOS and Android NBA app created with React Native. If you would like to request a feature, find a bug, have a question, or would like to leav

James Kuczmarski 108 Nov 11, 2022
Bridge between onfido-auth and react-native

react-native-onfido-auth-sdk Table of contents Overview Installation Usage 1. Creating the SDK configuration 2. Parameter details 3. Success Response

null 1 Mar 30, 2022
A react native interface for integrating payments using Braintree

A react native interface for integrating payments using Braintree

eKreative 17 Dec 30, 2022
React Native 实现无侵入自定义下拉刷新组件

react-native-ly-refresh-control 下拉刷新 iOS 基于MJRefresh 通过RCTCustomRefreshContolProtocol实现RefreshControl组件封装 JS端可以无侵入自定义下拉刷新只需要替换对应的refreshControl Androi

少言 12 Jul 2, 2022
iOS 15 share play API in react-native

react-native-shareplay iOS 15 share play API in react-native Installation yarn add react-native-shareplay And go to Xcode Capabilities and enable "Gro

Popshop Live 27 Oct 16, 2022
React Native package for interacting with HomeKit devices

React Native package for interacting with HomeKit devices

Ibrahim Berat Kaya 4 Dec 24, 2021
react native esptouch

react-native-esptouch One should know that This is a Unofficial project. The official demo is below: EsptouchForAndroid EsptouchForIOS Getting started

五毛共和国 Wumaoland 0 Oct 25, 2021
React Native Template for Taro

React Native Template for Taro requirement taro: @tarojs/cli@^3.2.0 framework: 'react' quick start install react native library install peerDependenci

null 1 Nov 20, 2021
A suite of IoT tools to use with React Native.

react-native-iot-tools WIP. A suite of IoT tools for React Native applications. Package iOS Android @react-native-iot-tools/bluetooth ✅ ❌ @react-nativ

Sara Pope 3 Oct 31, 2022
A testing MQTT react native library

react-native-awesome-testing abc Installation npm install react-native-awesome-testing Usage import { multiply } from "react-native-awesome-testing";

null 0 Nov 26, 2021
Encryption/Decryption for React Native

@dhairyasharma/react-native-encryption Encryption/decryption for React Native. Benchmark File Details File Link http://bit.do/benchmarkfile File Size

Dhairya Sharma 5 Sep 13, 2022
Encryption/Decryption for React Native

@dhairyasharma/react-native-encryption Encryption/decryption for React Native. Benchmark File Details File Link http://bit.do/benchmarkfile File Size

Dhairya Sharma 5 Sep 13, 2022
React Native Photo Editor (RNPE)

React Native Photo Editor (RNPE) ?? Image editor using native modules for iOS an

Suman Kamilya 9 Aug 16, 2022