expo / react native netflix prototype
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
creative
src
.eslintrc
.gitignore
.prettierignore
.prettierrc
.watchmanconfig
App.js
README.md updated readme Feb 9, 2019
app.json
babel.config.js
package.json
yarn.lock

README.md

Expo Netflix

quick prototype of netflix's native app



Install & Build

Install: yarn install

Expo CLI: npm install -g expo-cli (if not already installed)

Run Project Locally: expo start


Linting

  • prettier and airbnb config
  • make sure you have prettier package installed on your atom/vscode editor
  • then make sure to enable these options (packages → prettier):
    • eslint integration
    • stylelint integration
    • automatic format on save (toggle format on save)
  • be aware of the .prettierignore file

Release Notes

version 0.0.2 (current)

  • Home Top Navbar
    • show/hide on scroll
    • start of stack navigation in nav bar
    • TV Shows, Movies and My List screens
    • start of mock data and images for shows/movies
  • More Stack
    • menu list (scrollable) created, with current version on screen
    • app settings
      • start of section headings
      • displays current phone model name (ios only, for now)
      • delete all downloads (mock alert)
      • storage bar styled: device storage space, netflix (downloaded) space used, and free space (all mock data)
    • privacy now opens a modal with WebView that opens Help Netflix - Privacy page
    • sign out now opens an alert with selectable options
    • manage profiles
      • modal popup with edit overlay
      • modal add profile with for kids switch
  • Modal Video player screen added
    • on open (mount), screen orientation changes to landscape
    • on close (unmount), screen orientation changes back to portrait

version 0.0.1

  • iOS and Android
  • Tab Navigation
    • Home
      • simple banner (bandersnatch)
      • add to my list
      • simple wireframe with FlatList (horizontal scroll)
    • Search
      • simple animation onFocus and onBlur of search input
      • autofocus on first render
    • My Downloads
    • More
      • simple account profiles layout
  • Chrome Cast modal screen