MVP Features

User actions

Visiting user

• Visiting users (not a demo user) will be redirected to the welcome page.
• Visiting users can search for images, people and tags from the welcome page.
• Visiting users cannot upload images or comment on images.

Regular user

• Users can sign up, log in, edit their info and log out.
• Logged in users are redirected to their feed.
• Logged in users can upload images, create tags and comment on images.
• Logged out users will be redirected to the login page.

Demo user

• Anyone can click the Demo user button and get logged in as a demo user.
• Demo users will be redirected to the demo user's feed.
• Demo users can upload images, create tags and comment on images.
• Logged out Demo users will be redirected to the signup page.

Images

Create

• Click on the cloud upload icon and get redirected to the image form page.
• The user will see remaining photo count out of 100 and a drag and drop field with a file select option as well.
• Select a file and a grey block appears with a left sidebar and a preview card.
• Edit the title, description, add tags, and change privacy settings.
• The preview card also has an optional Add a description input.
• When the user is ready, they can click the blue Upload Photo button under the navbar in the right corner of the screen.
• A modal with a confirmation message will appear. Select Upload or Continue Editing.
• Get redirected to the /users/:userId profile page.

Read

• Find images based on userId, imageId, and tags.
• Images will appear in card components that have uploader profile pictures and info.
• If you uploaded the image, the user name in the image card will say by YOU!.
• Individual photos have a footer with uploader info, comments count and the date the image was photographed or exported from software.
• If the user scrolls down, you will see comments, tags and additional info about privacy, usage rights and safety.

Update

• If you uploaded the image, you will see an edit icon in the bottom right of the image preview field.
• Clicking the edit icon opens a <ul> list with the options: Editor, Rotate, Replace, and Delete.
• Crop and scale the image in Editor.

Delete

• If you uploaded the image, you can delete the image by navigating to the /images/:imageId page, clicking the edit icon and selecting the Delete red option.

Comments

Create

• Navigate to /images/:imageId and scroll down to the comments section.
• If the thread is long, scroll down to the very bottom of the page to find the Add a comment bubble next to your user icon.
• In the explore or search results page, click on the comments icon to see a popup thread and Add a comment bubble.

Read

• Once you post a comment, a comment card with your info and comment will appear. The card will also have edit, delete and link icons.
• If you click the link icon and navigate to the /images/:imageId/comments/:commentId page, the window will scroll to the location of your comment and highlight the background color of the comment card.

Update

• Hover over your comment and click on the edit icon next to your comment.
• The same comment input field will appear and you can edit your comment.
• An updated at <new Date()> value will get stored in the database and appear in the comment component.

Delete

• Click the trash icon in the comment component.

Tags

Create

• Add a tag when you upload an image.
• A new tag will be created if it is not in the database.
• You can also add tags in the right sidebar for the /images/:imageId page.

Read

• Click on tags in individual image pages or select a tag from the explore page's Trending section.
• Tags will be organized into Trending Tags - Now, Trending Tags - This Week and Tags - All Time Most Popular sections.

Delete

• Tags will automatically