ale-long / flixster

Flix

Flix is an app that allows users to browse movies from the The Movie Database API.

Flix Part 2

User Stories

REQUIRED (10pts)

• (5pts) User can tap a cell to see more details about a particular movie.
• (5pts) User can tap a tab bar button to view a grid layout of Movie Posters using a CollectionView.

BONUS

• (2pts) User can tap a poster in the collection view to see a detail screen of that movie.
• (2pts) In the detail view, when the user taps the poster, a new screen is presented modally where they can view the trailer.

App Walkthrough GIF

Notes

A challenge that I had was figuring out why the movie images were extremely small in the grid view layout. This was then later resolved by changing the Estimate Size (under collection view) to None.

---

Flix Part 1

User Stories

REQUIRED (10pts)

• (2pts) User sees an app icon on the home screen and a styled launch screen.
• (5pts) User can view and scroll through a list of movies now playing in theaters.
• (3pts) User can view the movie poster image for each movie.

BONUS

• (2pt) User can view the app on various device sizes and orientations.
• (1pt) Run your app on a real device.

App Walkthrough GIF

Installed on my own device

Demo on iPhone 8 Simulator (Portrait Mode)

Demo on iPhone 8 Simulator (Landscape Mode)

Notes

The main challenge I had in this part was debugging my code and interpreting the warning statements, which eventually led to resolving my bugs. Although the AlamofireImage framework was highlighted as red, it still worked when I ran the app. At first, I thought it would be a futile effort to run the program when there is an error, but apparently running it actually fixed the problem. This is an important lesson that can be applied to future debugging sessions.

flixster's Issues

Project Feedback!

<img src="https://media.giphy.com/media/xTiTnGeUsWOEwsGoG4/giphy.gif", width=200 />

Looks like you did not link your gif walkthrough for this assignment or it is not rendering (animating) properly when viewed in the README 😬. The gif helps us to make sure we don't miss any required or optional stories you have completed.

Render your gif:
Once you have uploaded your gif to a site like imgur you can render it using the following syntax.

<a href="/course_images/android_university/%22my_gif_address.gif%22" target="_blank"><img src='/course_images/android_university/%22my_gif_address.gif%22' title='gif_description' width='' alt='gif_description' /></a>

or

<img src="my_gif_address.gif", width=400 />

Make sure all you have completed the following steps to completing your README:

1. Make sure you have the correct README for this assignment, go to the "Setup" section in Assignment Tab for the corresponding week in the course portal.
2. Please mark of all completed stories [x]
3. Add a link to your animated gif walkthough to your README and make sure it renders (animates) when viewing the README.

Your assignment is incomplete until the README and gif is complete. Once completed, please push your updates and submit your assignment again so we can regrade it.

Still confused about how to properly submit your assignment? Check out the Submitting Assignments for detailed instructions.

Whenever you make updates to your project that require re-grading, you need to re-submit your project using the submit button on the associated assignment page in the course portal. This will flag your project as “updated” on our end and we know to re-grade.

You should re-submit your assignment anytime you:

• Update a previously incomplete assignment
• Add optional and additional features to an already completed assignment