shalin-jasani747/rnmovie

Movie Mania

Project Name: RNMovie

Bundle Id: org.reactjs.native.example.RNMovie Package Name: com.rnmovie

---

Project Desctiption

A react-native project for searching the movie and TV show and mark them as your favourite.

Prerequisites

iOS : XCode(13.2) onwards

Android : Android Studio(3.5.2) with gradle(7.1.2) onwards

Editor : Visual Studio Code

How to Setup Project

Step 1: Clone this repository.

Step 2: Go to the cloned repo and open in in termianl.

Step 3: Install the Application with npm i

Step 4: cd to ios directory. And install pods with pod install

Step 5: Run Jetify for Third Party library convert in AndroidX npx jetify(This needs to be done only for first time after checking out the repo. And for all projects having react-native 0.60 onwards)

Step 6: Create .env file and put the following api urls into it

1. API_URL=https://api.themoviedb.org/3
2. API_KEY=d9ca42f944024f53ccd5081fdfdbd2e1
3. IMAGE_URL=https://image.tmdb.org/t/p/w500/

How to Run the Project

1. cd to the project directory
2. Run and build for either OS
   • Run iOSm app

     npm run ios

   • Run Android app

     npm run android

   • Note: This npm scripts will lint your code first. If there are no lint errors, then it will run the ios or android app. Otherwise it will show the lint errors in the terminal.

List of all dependencies used in the project with their usage

• Framework:

  • React Native

• State management libraries:

  • Redux, React Redux, Redux Persist, Seamless-Immutable

• API & Middleware libraries:

  • API Sauce, Redux Sauce, Redux Saga

• Libraries used for navigation:

  • react-navigation, react-native-gesture-handler, react-native-reanimated, react-navigation-redux-helpers, react-navigation-stack, react-navigation-tabs

• Libraries used for UI:

  • native-base, react-native-vector-icons,

• Libraries used for storage:

  • async-storage

• Libraries used for general configuration:

  • react-native-config

Troubleshoot Notes

for react-native-config

If you're coming from React version 0.60 and above, you should be referencing the package from GitHub instead of NPM because there are issues with the NPM package

Known Issues

1. GeneratedInfoPlistDotEnv.h` file not found and iOS command not working
2. 'GeneratedDotEnv.m' file not found

If you have taken refrence from the GitHub then you don't have to add any other post-install scripts, just run the app like usual and it should work fine. Make sure you undo any other fixes before doing this.