Skip to content

Flickster movie app in React Native. For CodePath bootcamp.

Notifications You must be signed in to change notification settings

lchen8/RNFlicks

Repository files navigation

Project 1 - RNFlicks

RNFlicks is a movies app using the The Movie Database API.

Time spent: 25 hours spent in total

User Stories

The following required functionality is completed:

  • User can view a list of movies currently playing in theaters. Poster images load asynchronously.
  • User can view movie details by tapping on a cell.
  • User can use hardware back button on Android to navigate.
  • User can change the orientation of the phone to switch from landscape and portrait customized views.
  • User sees loading state while waiting for the API.
  • User sees an error message when there is a network error.
  • User can pull to refresh the movie list.
  • Add a cross-platform tab bar for Now Playing and Top Rated movies.

The following optional features are implemented:

  • Customize the highlight and selection effect of the cell.
  • Customize the status bar to match app color scheme.
  • Add a search bar.
  • Customize the navigation bar.
  • Add icons to improve the app UI.
  • User sees a play icon overlay on backdrop image if movie trailer is available.
  • User can tap on a button to play the movie trailer.
  • Tapping on a movie poster image shows the movie poster as full screen and zoomable.
  • All images fade in and progressively load low resolution to high resolution.
  • Search bar animates with scroll.

The following additional features are implemented:

  • Rating bar in movie description view

Video Walkthrough

Here's a walkthrough of implemented user stories:

Portrait: Video Walkthrough

Landscape: Video Walkthrough

Network Error: Error

GIF created with Recordit.

Notes

Debugging was something to get used to, but no major challenges.

License

Copyright [2016] [Lily Chen]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

About

Flickster movie app in React Native. For CodePath bootcamp.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published