Project 4 - Instagram

Instagram is a photo sharing app using Parse as its backend.

Time spent: 30 hours spent in total

User Stories

The following required functionality is completed:

• [x] User sees app icon in home screen.
• [x] User can sign up to create a new account using Parse authentication
• [x] User can log in and log out of his or her account
• [x] The current signed in user is persisted across app restarts
• [x] User can take a photo, add a caption, and post it to "Instagram"
• [x] User can view the last 20 posts submitted to "Instagram"
• [x] User can pull to refresh the last 20 posts submitted to "Instagram"
• [x] User can tap a post to view post details, including timestamp and caption.

The following stretch features are implemented:

• [x] Style the login page to look like the real Instagram login page.
• [x] Style the feed to look like the real Instagram feed.
• [x] User should switch between different tabs - viewing all posts (feed view), capture (camera and photo gallery view) and profile tabs (posts made) using fragments and a Bottom Navigation View.
• [x] User can load more posts once he or she reaches the bottom of the feed using endless scrolling.
• [x] Show the username and creation time for each post
• [ ] After the user submits a new post, show an indeterminate progress bar while the post is being uploaded to Parse
• User Profiles:
  • [ ] Allow the logged in user to add a profile photo
  • [ ] Display the profile photo with each post
  • [ ] Tapping on a post's username or profile photo goes to that user's profile page
  • [ ] User Profile shows posts in a grid view
• [ ] User can comment on a post and see all comments for each post in the post details screen.
• [x] User can like a post and see number of likes for each post in the post details screen.

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. How to better implement likes/comments
2. How to update the UI, specifically the toolbar to customize it and make it look more 'instagram branded'

Video Walkthrough

Here's a walkthrough of implemented user stories:

GIF created with Kap.

Credits

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

• Android Async Http Client - networking library

Notes

The biggest struggle I had was with implementing the like feature. I could get the button to change, but I couldn't get it to save the like/ delete the like from the database. I figured it out, but it was challenging. I also struggled with updating the UI to make it look more like instagram, specifically the toolbar at the top.