Instagram Photo Viewer
This is a readonly Instagram photo viewer using live "popular photos" data from the Instagram API.
Time Spent: ~15 hours
Completed User Stories:
- [x] User can scroll through current popular photos from Instagram
- [x] For each photo displayed, user can see the following details:
- [x] Graphic, Caption, Username
- [x] (Optional) relative timestamp, like count, user profile image
- [x] (Optional) Advanced: Add pull-to-refresh for popular stream with SwipeRefreshLayout
- [x] (Optional) Advanced: Show latest comment for each photo (bonus: show last 2 comments)
- [x] (Optional) Advanced: Display each user profile image using a RoundedImageView
- [x] (Optional) Advanced: Display a nice default placeholder graphic for each image during loading (read more about Picasso)
- [x] (Optional) Advanced: Improve the user interface through styling and coloring
Notes:
There's a plugin for Android Studio to handle icons from the Material Design library which makes life immensely easier. My relative layout started to get very large by the end and I wonder if there isn't a better way to organize it. I didn't have time to implement comments as a separate class. I could not figure out why the api does not return the actual dimensions of the photos so I can size my views properly... every photo is sent with height of 640 even though the actual dimensions vary since Instagram no longer enforces square photos. I never want to look at another photo of a Kardashian.
Libraries Used
Android Material Design Icon Generator Plugin Android Async Http Client Picasso Rounded Image View
Walkthrough of all user stories:
GIF created with LiceCap.