/MetFlix

A Movie app demo. Like NetFlix ❤️

Primary LanguageTypeScript

MetFlix

I have been asked to build a proptotype of a functionnal movies react-native application. I dicided to call it MetFlix This App is built on top of React Native with React.JS (Used React Hooks) and Typescript.

Results

  • Splashscreen
  • Home screen Movies List
  • Search feature
  • Movie Details
  • Movie Player
  • Documentation
  • Working on iPhone and Android Devices (Tested)
  • Responsive (Iphones and Tablets)
  • Responsive
  • Test on Apple Tv OR Android TV ( IN PROGRESS )
  • Unit Tests ( IN PROGRESS )

Improvements (IN PROGRESS)

  • Writing fully configurable and advanced video player with better design than the default player (started)
  • Build for Web using React-native-web
  • Light and Dark theme Switcher for Multi-theming support.

IOS Preview

App-demo

IOS Preview

App-demo

ANDROID Preview

App-demo

Screen Detail

App-demo

Screen Search

App-demo

Dependencies

  • React Js (Used with React Hooks) + Typescript
  • React Native
  • React Navigation
  • React-native-video
  • Others (See package.json at the root folder)

Get Started

1. Clone the Repo

On the command prompt run the following commands

$ git clone https://github.com/Doha26/MetFlix.git

$ cd MetFlix

$ yarn  OR npm install (if you are using npm )

$ react-native link

$ cd ios && pod install && cd.. (For iOS build)

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

Author

Done with React-native