GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Doha26 → MetFlix

Doha26 / MetFlix

Licence: other
A Movie app demo. Like NetFlix ❤️

Programming Languages

typescript
32286 projects
java
68154 projects - #9 most used programming language
kotlin
9241 projects
ruby
36898 projects - #4 most used programming language
javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language
Starlark
911 projects

Labels

uireact-nativereactjsreact-componentsreact-reduxreactnavigationreact-hooksuidesign

Projects that are alternatives of or similar to MetFlix

react-guidebook
📚 React 知识图谱 关于概念、技巧、生态、前沿、源码核心
Stars: ✭ 22 (-56%)
Mutual labels:  react-components, react-redux, react-hooks
awesome-web-react
🚀 Awesome Web Based React 🚀 Develop online with React!
Stars: ✭ 31 (-38%)
Mutual labels:  react-components, react-redux, react-hooks
book-fullstack-react
Fullstack React: The Complete Guide to ReactJS and Friends by Anthony Accomazzo
Stars: ✭ 100 (+100%)
Mutual labels:  react-components, react-redux, react-hooks
fluent-windows
🌈 React components that inspired by Microsoft's Fluent Design System.
Stars: ✭ 122 (+144%)
Mutual labels:  react-components, react-hooks
React-Playground
Learning reactjs from the ground up (router, redux, thunk, hooks, context, portals, and functional components)
Stars: ✭ 15 (-70%)
Mutual labels:  react-redux, react-hooks
react-laravel
A simple crud based laravel app to learn how to use react with laravel.
Stars: ✭ 43 (-14%)
Mutual labels:  react-redux, react-hooks
rapid-react
A light weight interactive CLI Automation Tool 🛠️ for rapid scaffolding of tailored React apps with Create React App under the hood.
Stars: ✭ 73 (+46%)
Mutual labels:  react-redux, react-hooks
react-antd-admin
基于vite2.x + react17.x + typescript4.x + antd4.x + react-router6.x + mobx6.x编写的一款简单高效的前后端分离的权限管理系统
Stars: ✭ 140 (+180%)
Mutual labels:  react-redux, react-hooks
laravel-react-boilerplate
Laravel React Boilerplate with Ant Design, Route-Level Code Splitting, Redux, Sanctum Auth
Stars: ✭ 49 (-2%)
Mutual labels:  react-redux, react-hooks
React-Native-Showcase
Best List of Open Source / Examples / Free / Case Study & Featured Template React Native Apps
Stars: ✭ 39 (-22%)
Mutual labels:  react-components, react-redux
react-remark
React component and hook to use remark to render markdown
Stars: ✭ 81 (+62%)
Mutual labels:  react-components, react-hooks
Nectus
A boilerplate Flask API for a Fullstack Project with some additional packages and configuration prebuilt. ⚙
Stars: ✭ 32 (-36%)
Mutual labels:  react-components, react-hooks
tiny-ui
⚛️ A friendly UI component set for React.js
Stars: ✭ 202 (+304%)
Mutual labels:  react-components, react-hooks
think
Instagram clone using React Native with funcional components, React Hooks, React Navigation 4x and Reactotron debugger
Stars: ✭ 20 (-60%)
Mutual labels:  react-redux, react-hooks
hx
A simple, easy to use library for React development in ClojureScript.
Stars: ✭ 244 (+388%)
Mutual labels:  react-components, react-hooks
furl
Functional react.js components.
Stars: ✭ 33 (-34%)
Mutual labels:  react-components, react-hooks
use-react-redux-context
Alternative ReactRedux.connect by useContext for performance
Stars: ✭ 44 (-12%)
Mutual labels:  react-redux, react-hooks
OpenTrivia
Multiplayer quiz game demo using React and Opentdb API
Stars: ✭ 47 (-6%)
Mutual labels:  react-components, react-redux
mint-ui
Design System | React UI components for web
Stars: ✭ 17 (-66%)
Mutual labels:  react-components, react-hooks
react-native-value-picker
Cross-Platform iOS(ish) style picker for react native.
Stars: ✭ 18 (-64%)
Mutual labels:  react-components, react-hooks
View All Similar Projects ➔

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].