Giter VIP home page Giter VIP logo

rn-movies's Introduction

React Native Movies App - powered by TMDB Api

This is an application as a mean to practice React Native using TMDB Api. This is written fully in TypeScript. And this is still a WIP. Only two screens have been done

Technologies

  1. React / ReactNative
  2. TypeScript
  3. React Navigation
  4. React Native Elements
  5. Redux / Redux Observable with Typesafe Actions
  6. Axios / Date-fns ...along with some other libraries...

Installation and run

As any other RN application on Github, what you need to do:

  1. Well, get setup for React Native
  2. Clone this repo
  3. Install the dependencies with yarn or npm
  4. Run react-native run-ios or react-native run-android

Todos

  • Linking trailer to Youtube
  • Implement TMDb's Authentication
  • Login as Member
  • Rate media
  • Profile Screen
  • Add/Remove to/from Watchlist
  • Add/Remove to/from Favorites

Next version

  • Galleries Lightbox in MediaDetail
  • Master Search component for both Movie and TvShow
  • CRUD Playlist
  • Implement Settings screen
  • Some specific settings that I can't think of at the moment
  • Implement Snackbar

Screenshots

IOS

nMPJ1Du image image image image image

Android (coming)

Resources

  1. React TypeScript cheatsheet
  2. React Navigation documentations
  3. React Native Elements
  4. Redux Observable
  5. typesafe-actions

rn-movies's People

Contributors

nartc avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.