React Native Movie App

react-native-movie-app-demo.mov

This project is set up by following the official guideline.

Figma template: https://www.figma.com/community/file/1146369033825819538

Update 11/07/2023: The author might delete this Figma community file, so yeah, not found.

Table of Contents

• Tech Stack
• Setup
• Local Development Information

Tech Stack

• React Native - TypeScript - React Navigation 6
• NativeWind (Tailwind CSS for React Native)
• Moti (Powered by React Native Reanimated 2)
• Notifee (A feature rich notifications library for React Native)

Setup

1. Clone the project:

git clone https://github.com/nguyenhieptech/react-native-movie-app

2. Install dependencies

cd react-native-movie-app
yarn install

3. Pod install for iOS

# Update: 17/01/2023
# Currently, macOS 12.5.1 is shipped with Ruby 2.6.8, which is not what is required by React Native.
# You should use a Ruby version manager like rbenv or RVM to install
# and use ruby version '2.7.5' before pod install.
# See more at https://reactnative.dev/docs/environment-setup#ruby
# Choose Development OS: macOS, Target OS: iOS

npx pod-install

4. Start Metro Bundler

yarn start

5. Open new terminals, build for iOS/Android

yarn ios

yarn android

Local Development Information

Macbook Air M1 2020 Ram 16GB SSD 512GB