Pystagram is a photo sharing app similar to Instagram but using Parse as its backend.
Time spent: 20 hours spent in total
The following required functionality is completed:
- User can sign up to create a new account using Parse authentication.
- User can log in and log out of his or her account.
- The current signed in user is persisted across app restarts.
- User can take a photo, add a caption, and post it to "Instagram".
- User can view the last 20 posts submitted to "Instagram".
- User can pull to refresh the last 20 posts submitted to "Instagram".
- The 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. (2 points)
The following optional features are implemented:
- Style the feed to look like the real Instagram feed.
- User can load more posts once he or she reaches the bottom of the feed using infinite scrolling.
- Show the username and creation time for each post.
- User can tap a post to view post details, including timestamp and caption.
- User Profiles - [ ] Allow the logged in user to add a profile photo - [x] Display the profile photo with each post
- Tapping on a post's username or profile photo goes to that user's profile page and shows a grid view of the user's posts
- User can comment on a post and see all comments for each post in the post details screen.
- User can like a post and see number of likes for each post in the post details screen.
- Run your app on your phone and use a custom camera view
Here's a walkthrough of implemented user stories:
GIF created with LiceCap.
Describe any challenges encountered while building the app.
- At first, I cannot open Parse at 0.0.0.0:4040, and I solved it by switching to localhost:4040
- In ParseApplication, http://py-gram.herokuapp.com/parse does not work. I used https instead to solve the problem.
- It took me a while to understand how to achieve the persistence part
- Camera and file part is hard to understand, still trying to absolve these codes!
- The posts page does not show photos at first. I added the following code to deal with that.
android:usesCleartextTraffic="true"- Android Async HTTP - Simple asynchronous HTTP requests with JSON parsing
- Glide - Image loading and caching library for Android
Copyright [2019] [Peiyuan Ma]
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.