https://github.com/mosesesan/mesan-react-native-moflix
A Netflix Semi-Clone iOS MObile App built with React Native.
https://github.com/mosesesan/mesan-react-native-moflix
Last synced: 7 months ago
JSON representation
A Netflix Semi-Clone iOS MObile App built with React Native.
- Host: GitHub
- URL: https://github.com/mosesesan/mesan-react-native-moflix
- Owner: MosesEsan
- Created: 2024-10-08T23:29:21.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-10-22T02:19:26.000Z (12 months ago)
- Last Synced: 2024-10-23T03:28:08.883Z (12 months ago)
- Language: JavaScript
- Size: 1.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MoFlix
MoFlix is a Netflix Semi-Clone iOS mobile application built with React Native, using The Movie Database (TMDB) API and a custom API built with ExpressJS.
**Version 1.1**
Scroll down to view previous versions
.png?raw=true)
The custom API handles the returning of the dashboard panels and allows the creating of new panels for each section, the TMDB API takes care of retrieving the movies and tv shows details.
# Features
- Dashboard - Panel Based dashboard displaying the Trending and Popular Movies & TV Shows.
- Categories - View All Categories and View By Category
- Favorites - Add movies or tv shows to your Favorites list.
- Search - Search for a movie ot tv show.
# Technologies Used
- **React Native**: React Native is a JavaScript-based mobile app framework for building natively-rendered mobile apps for iOS and Android.
# API Used
- [The Movie Database (TMDB) API](https://developer.themoviedb.org/docs/getting-started)
- [MoFlix ExpressJS API](https://github.com/MosesEsan/mesan-expressjs-moflix-api-cms)
# Packages Used
**Core**
- [React Query](https://www.npmjs.com/package/react-native-helper-views) Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
- [Axios](https://www.npmjs.com/package/axios) - Promise based HTTP client for the browser and node.js
**Components**
- [react-native-helper-views](https://www.npmjs.com/package/react-native-helper-views)
- [mesan-react-native-panel](https://www.npmjs.com/package/mesan-react-native-panel) - A React Native Panel Component with various types (grid, showcase, carousel, carousel-decked, default)
- [react-native-filter-component](https://www.npmjs.com/package/react-native-filter-component) - Filter Component for React Native
- [React Native Youtube iframe](https://www.npmjs.com/package/react-native-youtube-iframe) - A simple wrapper around the youtube iframe js API for react native.
- [React Native Orientation Locker](https://github.com/wonday/react-native-orientation-locker) - A react-native module that can listen on orientation changing of device, get current orientation, lock to preferred orientation. (cross-platform support)
- [React Native Linear Gradient](https://www.npmjs.com/package/react-native-linear-gradient) - A LinearGradient element for React Native
**UI toolkit**
Cross Platform
- [@rneui/base](https://reactnativeelements.com/) - React Native UI toolkit for making cross platform applications
- [@rneui/themed](https://reactnativeelements.com/) - React Native UI toolkit for making cross platform applications
- [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) - Customizable vector icons
**Navigation - [React Navigation](https://reactnavigation.org/)** - Routing and navigation for React Native apps.
- [@react-navigation/native](https://reactnavigation.org/docs/getting-started/) - React Native integration for React Navigation.
- [@react-navigation/stack](https://reactnavigation.org/docs/hello-react-navigation#installing-the-native-stack-navigator-library) - Stack navigator
- [@react-navigation/elements](https://reactnavigation.org/docs/elements/) - A component library containing the UI elements and helpers used in React Navigation.
- [Navigation Dependencies](https://reactnavigation.org/docs/getting-started/#installing-dependencies-into-a-bare-react-native-project)
**Other Navigation Dependencies**
- react-native-reanimated
- react-native-gesture-handler
- @react-native-masked-view/masked-view
**Async Storage**
- [React Native Async Storage](https://www.npmjs.com/package/@react-native-async-storage/async-storage) - An asynchronous, unencrypted, persistent, key-value storage system for React Native.
# Change Log - Screenshots
**Version 1.0**
