neuefische / qcoins-mvp Goto Github PK

Value statement - a requirement, not a solution

As a user
I need a functioning UI in the useCoins component
so that i can use the coins on my share-account

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• add the distributeButton component to the page
• write a useShare function in the useEarnings hook.
• use the useShare function in the useCoins component to update Graph and number-Indicators in the header.
• users must not be allowed to spend more coins than they have in their grow-account.
• users must not be able to enter negative integers (which would increase the share-account)

Tasks

• add the distributeButton component
• write useShare function in useEarnings hook
• use useShare function in the distributeButton component to use coins on share-account
• form validation on the value in the Button-component

Size

large

Value statement - a requirement, not a solution

As a (user
I should not be able to aern 0 coins, and still be able to proceed to the distribution page.

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• Form Validation for input field. 0 not allowed.

Tasks

• Form validation

Size

small

Value statement - a requirement, not a solution

As a user who doesn't speak English

I need a version of the game in a language I understand

so that I can teach my (grand)-kids too

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• (functional descriptions)

Tasks

• (todos for the team)

Size

(small, medium, large)

Value statement - a requirement, not a solution

As a user

I need to use the app for two or more different 'clients/kids'

so that all my offspring benefits

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• (functional descriptions)

Tasks

• (todos for the team)

Size

(small, medium, large)

Value statement - a requirement, not a solution

As a user
I need indicators how much coins are in my accounts
so that i know how much i can spend

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• Add an indicative headline to the page.
• the header component displays, how many coins are in each account.
• The Graph gives a visual indicator of each account.
• add a confirm button to the page, that routes back to the landingpage. (Already exists in distribute-Coins component.

Tasks

• add the (already existing) header component to the useCoin component.
• add the (already existing) graph component to the useCoin component.
• add an headline
• add confirm button with routing back to landingpage

Size

small

Value statement - a requirement, not a solution

As a user

I need **the benefitial moment of change in the accounts (up and down) highlighted (w/ animations/sound) **

so that **the allready known engagening effect get focused even more **

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• (functional descriptions)

Tasks

• (todos for the team)

Size

(small, medium, large)

Value statement - a requirement, not a solution

As a user

I need styling on the earn-coins-UI

so that *I can find my way around and the UX is improved

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• (functional descriptions)

Tasks

• (todos for the team)

Size

(large)

Value statement - a requirement, not a solution

As a user

I need to give my child options with different "price-tags

so that the child knows how spending in different accounts is going to influence their account balances

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• input for parents: What exactly can their child spend coins on, and how much does each spending option "cost" --> dropdown menue/...

• Input field to add options

• add/delete/edit spending-options

Tasks

• (todos for the team)

Size

(small, medium, large)

Value statement - a requirement, not a solution

As a user
I need a functioning UI in the useCoins component
so that i can use the coins on my share-account

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• add the distributeButton component to the page
• write a useSpend function in the useEarnings hook.
• use the useSpend function in the useCoins component to update Graph and number-Indicators in the header.
• users must not be allowed to spend more coins than they have in their spend-account.
• users must not be able to enter negative integers (which would increase the spend-account)

Tasks

• add the distributeButton component
• write useSpend function in useEarnings hook
• use useSpend function in the distributeButton component to use coins on spend-account
• form validation on the value in the Button-component

Size

large

Value statement - a requirement, not a solution

As a user

I need a button "Spend Coins"

so that I can navigate to the spending-UI

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• add button on home-screen

• add page where UI for using-coins will be located

• add Routing to the use Button on the home-page. it leads to the useCoins Page

Tasks

• add feature branch

• add button with routing

Size

(small)

Hi guys,

currently I'm working on the first stylings for some of the components with storybook and I encountered one problem:
We're setting in GlobalStyles in #root the height to 100%; and this makes my Button styling in storybook go brrrrrrrrrrrr

So I would delete this. It seems, that this breaks nothing so far in our temporary overall design.

Value statement - a requirement, not a solution

As a coder
I need better structure (pages / components / hooks / ) with folder
so that I can find files quicker

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

Tasks

• organize folder structure

Size

(smal)

Value statement - a requirement, not a solution

As a user
I need the possibility to change the colors of grow/share/spend bars/elements
so that I can better differentiate the bars or customize the bars with my kids

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• three buttons (elements) for grow/share/spend
• when click/touch of one of button/element then opens a color picker for choosing the color
• a save button to save all settings
• (functional descriptions)

Tasks

• (todos for the team)

Size

(medium)

Value statement - a requirement, not a solution

As a user

I need to input what exactly I am spending coins on

so that I always have an overview over my spending/spending-history

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• (functional descriptions)

Tasks

• (todos for the team)

Size

(small, medium, large)

Value statement - a requirement, not a solution

As a user

I need a child-friendly background

so that the UI is attractive for kids

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• (functional descriptions)

Tasks

• (todos for the team)

Size

(small, medium, large)

Value statement - a requirement, not a solution

As a user
I need a functioning UI in the useCoins component
so that i can use the coins on my grow-account

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

• add the distributeButton component to the page
• write a useGrow function in the useEarnings hook.
• use the useGrow function in the useCoins component to update Graph and number-Indicators in the header.
• users must not be allowed to spend more coins than they have in their grow-account.
• users must not be able to enter negative integers (which would increase the grow account)

Tasks

• add the distributeButton component
• write useGrow function in useEarnings hook
• use useGrow function in the distributeButton component to use coins on grow-account
• form validation on the value in the Button-component

Size

large