gtbitsofgood / brain-exercise Goto Github PK

Answer goes to next screen and cut off if the text size is too large

When a User is in a game and they back navigate or modify the navigation stack, they should receive a confirm prompt before exiting.

If you press the "return to home" button in the pause screen, you have to restart the whole session of exercises. It doesn't pick up where you left off. - according to Raymond.

Mongoose needs a data model for the user which includes profile information.

Acceptance Criteria:

• There should be a data model that has the following data: name, phone number, date of birth, and hashed password

Notifications, Font Size, Sounds, Animation are the main settings to change but as the font size increases, it is harder to differentiate between Notifications and the two sub-options "Daily Reminder" and "Set Reminder Time" . Is there any way we can differentiate the Notifications, Font Size, Sounds, Animation more clearly?

Confusing header between "0 of 5 Days" and "1 of 5 days". I am not sure how the counter works for each. Either display no header or the day of the week (e.g. Monday)

On the very last trivia question, when I pressed "answer" it didn't show the answer and took me to a message saying 'congratulations on completing today's brain exercise'. On the same screen there was a button to 'return to home' and a button for 'extra practice'.

Sent in Slack, please change the home screen with updated brain dude so it's more clear.

Math choices don't fit the boxed selections when the text font is set to higher font sizes

Title says it all.

Most seniors will most likely have larger text enabled on their iPhone, and if our app supports Apple's Dynamic Type in addition to our own accessibility feature, then it will increase our font size way too much like the picture. This is max size of the BEI app + max size of Text Size in iOS.

On the Game Materials screen, it would be helpful to distinguish the buttons that redirect to task screens from the "Complete" button.

Based on the Figma, add a link on the home screen that will take you to a new screen with the most recent Youtube video, as well as links to important/pinned videos.

Reading, Writing, Math, and Confetti

The time left remaining bar should be proportional to how much time is left relative to the total time
This component will get imported by the Math, Reading, and Writing Screens so reusability is important. The component should accept three props: time duration for the timer, time that the timer is red, and a function to be called when time is up.

There are a couple of style issues in this screen:

1. Answer notif text "You're so quick! Keep going" is in an awkward position and is not styled at all (needs to be bigger and centered)
2. Margins and padding of elements on the screen do not match the Figma designs. There is a lot of unused whitespace
3. Text content is hidden by Navbar.

Make sure this is tested on both Android and iOS

Once the user enters the math screen, a timer should automatically start for 5 minutes. This timer is hidden from the user.

When the user taps on an answer, the button should turn blue and text should appear above it with a message. There should be a different message depending if the answer is correct (“Correct! Great job!”) or false (“You’re so quick! Keep going!”).

The time it takes the user to finish answering the question should be recorded in state (e.i. The difference between when the answer is pressed and when the question initially appears). We will use this data for a future task.

If I tap the left top corner of my screen, it will take me back to the previous screen.

They're too complicated, and aren't obvious that they're "cascading". It seems to frustrate the user more than amuse them.

When the question and answer text are above the container height, they overflow horizontally instead of vertically.

When the slider is all the way to the left, I can't use the slider. Instead it thinks I want to go back to the previous screen, is there a way to disable this?

Now that the home screen design has been completed and the progress bar is being displayed, we want to implement the logic for the progress bar.
For a Monday-Sunday week, each time they complete the exercise task for the day, it should add another segment of progress in the progress bar. This progress should be cleared at the beginning of each new week (on Monday). At 1 of 5 days, the progress bar should be “empty” and say “Let’s Get Started!” underneath. At 2-4 days, the progress should have x - 1 segments filled in and it should say “Keep Going!” underneath. At 5 days, the progress bar should be completely full and say “Well Done!” underneath.

Some of the questions that are being asked are very difficult and we would like a way to skip the current question.

Acceptance Criteria:

• Should be a button that is below the provided answers which allows the user a button to skip to the next question. If this is implemented after #134, skipped questions should be counted as incorrect.

Requires #14 to be finished

We currently have the ability to generate questions based on difficulty level, however, we currently are randomly choosing the difficulty level.
We want users to have a personal “difficulty score” that persists in local async storage and gets adjusted based on correctness and time it takes per problem. This difficulty score will be a number between 100-499. Difficulty level 100-199 will get mapped to difficulty 1, 200-299 will get mapped to 2, etc.

We will be using Speech to text so logic to determine accuracy of the reading will be needed. What they read out will be compared to the original text

Short prompts of writing section is not implemented, empty PromptScreen.jsx screen.

Once the user enters the writing section, they should be prompted with questions that they have to write down and answer.

Here are some sample questions and answers to use: “What is the capital of Brazil? Brasilia”, “What is the biggest state in the US? Alaska”, “What is the most popular language spoken in Switzerland? Swiss-German”, “What is the most populous state in the US? California”. Similarly to the reading section, these questions should exist in a file called trivia.js in the assets folder.

Using the timer functionality, keep track of the time (5 minutes) and when time is up the Next button will finish the writing section instead of going to the next writing question.

The introduction screen to writing (trivia) should be updated to: "Grab a pencil and some paper. Writing is a great way to exercise your brain so please write each trivia question first before answering."

Make a pretty pause screen! Work with the Cooler Math team to stop/start the timer when the pause screen is opened or closed.

Afterwards, use AppState from Expo to automatically pause the game if you leave the app (or get a phone call):

The updated writing (trivia) instructions are quite long, especially with higher font sizes, it takes up a lot of the screen. Time permits, change to:

• Writing (Trivia) screen saying "Grab some paper and a pencil and write what you see"
• Boom squad can add the grab.mp3 for both screens so there are consistent voice instructions
• Add a simple screen following the Writing (Trivia) that says "Writing is a great way to exercise your brain so please write each trivia question first before answering."

It is possible for the Math game to generate 3 of the same answer choices for a given Math question.

If I change the font size, it doesn't change the main settings screen until I go home and click back into the Settings.

This team will be responsible for saving settings data into local memory. Create a settings preferences object and assign it to a key using AsyncStorage.

Changing then saving the settings should update the object. When you open a screen from settings, it should pull the data from AsyncStorage and set all the components to the correct values.

After an answer has been selected, user should not be able to select other number options

After clicking “Begin”, the user should be automatically taken to the different sections. The order of the sections should be Math, Trivia, Math, Writing, with a Reading section inserted at random.

Create the Daily Progress bar logic and styling. Add styling for the different buttons and images on the Home screen

Throughout the application, the buttons aren't aligned to one area so there will be small margins for one button and the next has a noticable amount more bottom margin.

This will involve creating the UI for the Math screen and also generating wrong answers, as it will be multiple choice. If the difficulty level is an easier one, there should be three answers total (including the correct answer). If the difficulty level is a harder one, there should be four answers total.

Now with a font size preference number in AsyncStorage, we can update all Text components within our app to scale based on that setting.

In order to do this, we need to make our own Text component (syntax on next slide) that takes in the initial font and scales it based on scale factor.

Also note, large text (above 30 units) should not be resized

Array of reading passages isn't showing up.

After the Math screen, the reading screen will be displayed next. Add a file in the assets folder called stories.js. This is where the stories will live and get exported from. You will have to keep track of the stories that has been read so far (you can use local async storage for this) so that a new story is selected every time, until all of the stories have been read. We are still currently working on getting the stories, so just create a sample one to use for now.
The next button will either go to the next paragraph if there is one, or it should finish the reading section of the exercise. Using the timer functionality, keep track of the time (10 minutes), and once time is up, the Next button onClick should finish the reading section regardless of if there are more paragraphs left.