darlanebrown / ecard Goto Github PK

[Timebox: 2 hours, Complexity Points: 2]

As a developer, I need functionality to send a short email, including the sender’s name, that I can run when the user performs the “send” action.

User Expectations:

• When the user performs the “send” action (see “Send Method/Action” user story), the card will be sent by email
• Email is sent to the specified email address, containing a short message saying who the greeting card is from

Developer Dependencies:

• Send Method/Action (button)
  • JS mail method: window.open('mailto:[email protected]?subject=subject&body=body');
• Required Fields:
  • Greeting (dear loved one)
  • Body (Love you much!)
  • Closing (love, your kid)

[Timebox: 45 minutes, Complexity Points: 1]

As a user, while previewing my changes, I would like there to be an intuitive action (such as a button), so that I can send the card when I am ready to share it.

User Expectations:

• There will be an intuitive action to send the card (see “Send Reshareable Greeting Card” user story for actual functionality).
• Display action only while previewing changes

Developer Dependencies:

• Greeting Card Layout (wireframe)

[Timebox: 2 hours, Complexity Points: 2]

As a user, I need to interact with a form/method so that I can customize my message (greeting, body, & closing) before sending.

User Expectations:

• To be able to enter a customized message

Developer Dependencies:

• Customize Message Method (form wireframe)
• Required Fields:
  • Greeting (dear loved one)
  • Body (Love you much!)
  • Closing (love, your kid)

[Timebox: 4 hours, Complexity Points: 3]

As a user, the greeting card must contain a graphic or animation so that it will be more attractive.

User Expectations:

• A graphic or animation
• Graphic or animation should work in both desktop and mobile layouts

Developer Dependencies:
N/A

[Timebox: , Complexity Points: ]

As a developer, I need a layout that displays simple text instructions along with an action to begin a custom message.

Developer Expectations:

• Wireframe with simple text instructions with action on how to customize message

Developer Dependencies:

• Simple text instructions
• Lunacy
• Finalized feature list
• Finalized user stories

[Timebox: , Complexity Points: ]

As a user, I need to preview my message before sending.

User Expectations:

• Intuitive action to go to “Greeting Card Layout”
• Display custom message displayed on “Greeting Card Layout”

Developer Dependencies:

• Customize Message Method (form wireframe)

• Required Fields:

  • Greeting (dear loved one)
  • Body (Love you much!)
  • Closing (love, your kid)

[Timebox: 1 hour, Complexity Points: 1]

As a user, while previewing my changes, I need a method to go back to the Customize Message (form) if I need to make additional changes.

User Expectations:

• Conditionally display Intuitive action to return to “Customize Message Method”
• Display action only while previewing changes

Developer Dependencies:

• Greeting Card Layout (wireframe)
• Required Fields:
  • Greeting (dear loved one)
  • Body (Love you much!)
  • Closing (love, your kid)

Timebox: 30 minutes, Complexity Points: 1]

As a developer, I need to send the user to the Customize Message Method (see user story) so they can have access to that page.

User Expectations:

• User is taken to the Customize Message Method page or form

Developer Dependencies:

N/A

[Timebox: 4 hours, Complexity Points: 3]

As a user, the greeting card must contain a graphic or animation so that it will be more attractive.

User Expectations:

• A graphic or animation
• Graphic or animation should work in both desktop and mobile layouts

Developer Dependencies:
N/A

[Timebox: 30 min - 1 hour, Complexity Points: 1]

As a developer, I need to create a responsive wireframe that shows a message customization method including the required fields (see below) so that I will know how to display them to the user.

Developer Expectations:

• A responsive wireframe that defines how to display a customization method for desktop & mobile
• Layout includes required fields (see below)
• Layout includes Preview Greeting Card action

Developer Dependencies:

• Required fields
• Recipient email
• Greeting (dear loved one)
• Body (Love you much!)
• Closing (love, your kid)
• Preview Greeting Card action
• Lunacy
• Finalized feature list
• Finalized user stories

[Timebox: 2 hours, Complexity Points: 2]

As a developer, I need to create a responsive greeting card layout wireframe including required fields (see below) to guide me in later user stories.

Developer Expectations:

• A responsive greeting card layout for desktop & mobile
  • Layout includes required fields (see below)
  • Layout includes optional actions (see below)

Developer Dependencies:

• Required
  • Responsive Graphic/Animation
  • Greeting (dear loved one)
  • Body (Love you much!)
  • Closing (love, your kid)
• Conditional Actions:
  • Send Greeting Card
  • Continue Editing
  • Lunacy
• Finalized feature list
• Finalized user stories

[Timebox: 1 hour, Complexity Points: 1]

As a user, I need to see instructions and a reshare method so that I have a clear understanding of how to reuse this greeting card.

User Expectations:

• Display of message, instructions, & reshare method

Developer Dependencies:

• Simple text instructions with action (wireframe)

[Timebox: 1 hour, Complexity Points: 1]

As a user, I need to see the greeting card layout so that I can enjoy it on desktop and mobile devices.

User Expectations:

• Display the greeting card that matches the layout
• Greeting card fits on desktop or mobile device

Developer Dependencies:

• Greeting Card Layout wireframe
• Required
• Responsive Graphic/Animation
  • Greeting (dear loved one)
  • Body (Love you much!)
  • Closing (love, your kid