Upload Form

[niklasrammelkamp]

Value Proposition

As a User I want to link any picture by URL and describe it so that I get a repertoire of pictures ​

Description

​

Acceptance Criteria

• [x] A input for the image URL is displayed
• [x] A Description, Film, Aperture, Time, Objective, and Camera input is displayed
• [x] An input field for categories is displayed
• [x] By typing in a category the user gets shown some suggestions for categories he can choose from
• [x] You can't write your own categories, you only can choose from suggestions
• [x] You can remove selected categories, using a remove button
• [x] You have to choose at least one category
• [x] By clicking the submit button a new object gets created and pushed to the Pictures Array. You also get navigated to the main page (overview page)

Side Fact

The real user upload gets implemented in later stories ​

Tasks

• [x] Add a upload.js to the pages folder for the upload page
• [x] Create a form rendering all input fields and the submit button inside a form element
• [x] find a solution for typing in a category and getting suggestions (like a search function)
• [x] write a function that adds a category to an array by clicking on the suggestion
• [x] write a function that deletes a category from that array by clicking on the delete button
• [x] Write a handleSubmit function
• [x] Inside this function, you create a new pictures object with all input information and add it to the pictures array and navigate to the overview page ​

Complexity

L

[doemser]

Your user story is a bit redundant and justifies itself with itself. "I want to eat to have eaten."

This could be more of a fit: As a user, I want to upload pictures so that I can store and access them at a later time.

I would say that the complexity with L is greatly underestimated, my first impression is that this user-story contains at least 4 user-stories. Try to shorten this user-story drastically and create in a first iteration the form and its function, completely independent from an image upload. Also consider if the form might not even be split into two user-stories.

[niklasrammelkamp]

Hi Dominik, I changed my User Story, you were right.

The last two sentences I don't really understand 'cause In the whole user story I wanna add a form and its function like you said. In this story, I can't upload any images because I think it's a bit more difficult and we haven't had the workshop for that.

[doemser]

Maybe I got a little confused, the main purpose of your app is photographs, I just didn't have that in mind. Okay, then go for it, but try to describe even better how you want to fake the upload for now. I can't find enough info about that just yet.

[doemser]

My concern still exists, here are a few sample AC's and tasks for an actual image upload:

Acceptance Criteria:

• The user is able to select an image file from their device

• The image file is successfully uploaded to the server

• The user is able to view and access the uploaded image at a later time

• Tasks:

• Implement file selection feature on the front-end using a file input element

• Handle the file upload process on the back-end using a server-side language (e.g. Node.js, Python, etc.)

• Store the uploaded image on a file system or cloud storage service (e.g. AWS S3, Google Cloud Storage, etc.)

So: How do you want to fake the upload?

[TariqAlQadi]

After several changes this user story looks good to me!

[AstridOttmann]

Looks good now!