Code Monkey home page Code Monkey logo

flix's Introduction

Project 2 - Flix

Flix is a movies app using the The Movie Database API. On github my master branch might be a bit off because I messed with the branch and github, but if it says master branch then it has the right code :)

Time spent: 23 hours spent in total

User Stories

The following required functionality is complete:

  • User can view a list of movies currently playing in theaters from The Movie Database.
  • Poster images are loaded using the UIImageView category in the AFNetworking library.
  • User sees a loading state while waiting for the movies API.
  • User can pull to refresh the movie list.

The following optional features are implemented:

  • User sees an error message when there's a networking error.
  • Movies are displayed using a CollectionView instead of a TableView.
  • User can search for a movie.
  • All images fade in as they are loading.
  • User can view the large movie poster by tapping on a cell.
  • For the large poster, load the low resolution image first and then switch to the high resolution image when complete.
  • Customize the selection effect of the cell.
  • Customize the navigation bar.
  • Customize the UI.

The following additional features are implemented:

  • List anything else that you can get done to improve the app functionality!
  • Can be linked to the site for buying movie tickets (even if the title has spaces WOW!!!)
  • Can TRY to save movies (but doesn't fully work)
  • Release date of movie is displayed
  • Can refresh movie in collection format (in addition to the movies in table view format)
  • Can go from search page to the detailed movies page
  • Can be linked to trailers
  • Can see trailers in detailed movies page
  • Showed popular movies in collection view instead of only superhero movies

Please list two areas of the assignment you'd like to discuss further with your peers during the next class (examples include better ways to implement something, how to extend your app in certain ways, etc):

  1. I really wanted to make a page for favorite movies (like a "to-see list) - but editing and displaying an array of movies was really hard
  2. I think that looking into design is something I definitely want to explore because even when i do customize UI - i feel like i make it look worse than before lol

Video Walkthrough

Here's a walkthrough of implemented user stories:

Video Walkthrough

GIF created with LiceCap.

Notes

The favorites list was a truly hard challenge that I was only able to get parts and segments of to work. In addition, I struggled with passing information through segues, but once I had to do it gfor the trailers - I felt like I gained a strong understanding of it. Finally, learning about the asynchronous aspect of getting data from the API was really interesting!

Credits

List an 3rd party libraries, icons, graphics, or other assets you used in your app.

License

Copyright [2018] [Stephanie Lampotang]

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.

flix's People

Contributors

stephanielpt avatar

Watchers

James Cloos avatar  avatar

flix's Issues

Project Feedback!

๐Ÿ‘ Nice work! The purpose of this project was to continue learning Objective-C and the Cocoa Touch (iOS) framework. You should be comfortable creating table views (one of the most common views in iOS) and working with array of dictionaries created from JSON (in this case from the Movies Database API).

A key part of these projects is that you work to polish the visuals and the small UI / UX touches. Developing your design sense is an important part of being a mobile engineer. You'll find that perfecting the UI / UX will often lead to interesting technical challenges as well because the libraries may not behave exactly as you want them to, so you'll have to learn how to achieve the effect that you want. A few other things to note:

  • Did you use groups to organize your source files? It's pretty common to organize your source files into Groups, especially for larger projects. You can organize by type of class (i.e. View Controllers, Views, etc) or for larger apps by functionality (i.e. Home Screen, Search Screen, etc).
  • Did you minimize the number of public methods and properties in your classes? You should always try to minimize the number of properties and methods that are in the header files. Only expose what you have to, e.g., properties and methods that must be accessed by other classes.
  • Did you properly set the Content Mode for your ImageViews? By default the UIContentMode will stretch the image to match the dimensions of the image view, which is probably not what you want. The most common combination is to use Aspect Fill combined with clipping subviews.

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.