The Wireframe/prototype for image manager app was created using Proto.io.
Proto.io is great for quickly creating app prototypes that are fully interactive and have high-fidelity.
The image manager app uses 3 main screens along with add/edit image screen.
Screen 1 Dashboard:
It can be accessed after successful registration.
On this screen we can see the username of all users who have created a gallery, with the most recent add images as preview
Screen 2 Gallery:
After clicking on any username the app is redirected to the gallery page of that user.
On this screen we have the image’s present in the gallery along with captions.There is also a search box which allows users to search for images according to their tags.
Screen 3 Image view screen:
After clicking on any image this screen appears.
At the bottom of the screen the tag assigned to that image are visible.
Intermediate screen: insert/add image
This screen can be accessed from the gallery of the user.
The form on this page accepts a caption for the image, a short description and a valid image url, which is validated at the backend.