Task:

• Breakdown your steps
• Step 2
• Step 3

Acceptance Criteria:

• The right number of boxes render on the page

Description: Fill out equity analysis form

Tasks:

• fill out form

Acceptance Critera:

• form reviewed by all team members
• form submitted

Description: Create a document with design inspirations including but not limited to style layouts, fonts and color schemes.

Tasks:

• get inspiration ideas
• build out a mock idea for the app

Acceptance Criteria:

• 3 inspirations
• a basic mock layout for the app

A user should be able to type any combination of capital and lowercase letters and still have their word evaluate to 'correct' if the letters are correct.

Tasks:

• [ ]

Acceptance Criteria:

• [ ]

• Find way to reference what is currently held in state
• useDispatch in App() to set state once the API calls have completed made

Acceptance Criteria:

• Words from API call are visible on the screen rather than standard hello-goodbye

Tasks:

• Load up the app and navigate to the game screen
• Test the happy path and ensure it goes to the next word
• It should not move to if any of the letters are wrong and should showcase a message

Acceptance Criteria:
As a user…when I submit my word, it will move onto the next word if correct or show me my errors if incorrect

Questions:

• Do you need to pass a parameter of letter inputs so that state updates appropriately?
• What is update.js doing?

Tasks:

• Determine if there should be a true or false in state
• Change general structure of state of letters
• Create function for checking if letter is correct
• Create function checking if whole word is correct
• Change word.update reducer to take in true or false
• Fix all the bugs...
• Test

Acceptance Criteria:

• Each letter is being given a status of true or false
• When all the letters are right, a new word with the appropriate number of boxes is rendered

As a user…I can see what number question I'm currently on. I can listen to the word and try spelling the word in the boxes provided.

Acceptance Criteria:
As a user, I can type my response into the LetterInputs. If I make a typo, I can use the backspace button to go back to the previous input. I can hit backspace again to delete my previous entry. I can type a letter and continue playing as usual.

Research:
This seems like it will involve working with the focus logic Jen N added in LetterInputs.js.

• Specle
• Start Button
• Fish

Acceptance Criteria:
As a user…I can see a welcome screen before the game starts.

Description: get the buttons to focus on the next one after one input has already been filled

Tasks:

• research how to do this - .focus ()
• probably need a function of some kind to handle the handle the change
• might need a keyup/keydown

Acceptance Criteria:
After typing a letter into the input field it should automatically go to the next input field

Description: Collaborate on expectations for DTR

Tasks:
-[ ] fill out and discuss DTR template

Acceptance Criteria:

• all members agree to fully commit to DTR requirements

When and how should we implement a set timeout function?

Nicole and Jen Z explored how to briefly display encouraging messages like 'Amazing!' when a user gets a question right.
We are still trying to conceptualize conditionally rendering these messages but only within the 5 seconds that a setTimeout() function runs. It would appear in the same location that the .feedback-message appears within LetterInputs.js

It should say You've got this! You're 2 letters off!

Task:

• Research how to embeds for audio files in a react project
• Update the words held in state with goodbye and their audiofiles
• In the audioplayer component use the useSelector() hook to get whatever audiofile is currently active in state
• Dynamically set the src of the audio component to EITHER open the audio file in a separate page OR play it on our page (preferable)

Acceptance Criteria:

• Is the audio file embedded and clickable on the page

Acceptance Criteria:
As a user I can type out my answer. When I hit enter while focused on the last box, I can submit my answer and see if it was correct.

As a user I am given some visual cues so that I know I can use the return button to submit my answer.
(Maybe on the homepage, an instructions page,or the Game Page)

Research:
This item will likely work with the focus logic Jen N added into LetterInputs.js.

Add an array of strings to randomly pull from for our game.

As a user when I complete 10 questions I see a message of encouragement. If I play the game multiple times in a row, the message changes.

• favoriting a word
• light mode and dark mode

Description: Create wireframe

Tasks:

• make wireframe
• make inspiration and idea board

Acceptance Criteria:

• well thought out and detailed wireframe showing structure and connection of files
• design inspiration and idea board

Think about styling the counter to show our character moving across the page

Tasks:

• - add responsive design
• - get a good score on lighthouse ( Let's aim for 100! )

Acceptance Criteria:

• As a user if I don't have access to a computer, the game is legible on my mobile device.
• As a user I can listen to the alt text descriptions to get a sense for what the imagery looks like.
• As a user I can tab through the app without needing to use a mouse.
• As a user if I'm color blind I can easily see everything on the page.

Description: Build basic HTML components needed

Tasks:

• basic html and css components for all pages set up
• Follow figma inspiration document

Acceptance Criteria:

• Basic html and css components for all pages

Acceptance Criteria:
When a new word is displayed on the page, focus on the first input box.
A user should not have to click the first box in order to start typing.

Descripton: Jen's kids are designing our characters and images for our homepage!

Task:

• get more pictures for the homepage
• scan them in
• edit them
• get them on the page

Only display the results page if the 10th answer is correct.

Tasks:

• [ ]

Acceptance Criteria:

• [ ]

Solidify styling. Revisit our design inspo and agree on a general scheme tomorrow Sunday(?)

Tasks:

• [ ]

Acceptance Criteria:

• [ ]

Add Browser Router

Acceptance Criteria:
for Get requests
As a user I can see an error message when...
[ ] there is a 404 error for a bad route.
[ ] there is a 429 error for too many requests to the server.
[ ] there is a 500-level error for a server error

Tasks: we will need to add logic so that based on the current count, the fish at that count or below it are styled to be a different image src.