this is the basic mock instagram writen by react native with Firebase backend.
including three pages:
- This page is for user that they can see all the photos which different users are uploaded
- users are allow to scroll up top to refresh to check for any new update
- all users are able to check for all user in the database
- user can also see the time which the photo was update, and which author update it
- user can also click the user on the right hand side to access to the author main page
- all photo will have a comment button that they can be access to view the existing comments
| Not Login |
Login |
- if the user are not on the login status, this page will not be accessable for those user
- user can have the option to login or register as a new user in order to process the upload option
|
- user will see an upload button and be able to click to view the upload screen
- when pressing the upload button, user are able to ahead to choice image from ablum and upload it
-
upload page
- Inside the upload page, the user will need to make a caption for the photo
- user is able to see the uploaded photo in the screen
- when user press upload, user will see the progress on the screen and when it was done, user are able to return to the upload screen
|
| Not Login |
Login |
- if the user are not on the login status, this page will not be accessable for those user
- user can have the option to login or register as a new user in order to go to their own Profile pages
|
- user will see their own avatar with a username and name aside
- there are three button which follows:
- Log out button
- Edit profile allow user to edit their own profile
- navigate to the upload page to upload a new photo
- user are able to see the image that they have already post
|