Implementing Multiple Charts

[ClaytonNolen]

The first part of this will be me adding more input field to the "test" page. Below is a list of what is needed for Daniel you pull from for the other charts.

4 bench mark arrays: each a int and in field data

[ClaytonNolen]

Squat input has been added successfully.

[ClaytonNolen]

Deadlift Entry is now working

[ClaytonNolen]

Noticed a bug that requires each of the inputs to be field before they are added to Firebase. This will need to be fixed.

[Daniel-Haley]

Working with @ClaytonNolen on adding dates to the charts. Updating color of input fields so they are more visible.

[ClaytonNolen]

Working with Daniel on making the charts display date of entry.

[Daniel-Haley]

Increased the size of the charts so that the dates can be displayed more easily. Trying to make them responsive as well.

[ClaytonNolen]

After speaking with Daniel, we have agreed to use the code that we are using for creating a workout. Specifically to get the date. This also includes us using the help method file.

[Daniel-Haley]

Researching how to add another array to the y axis but haven't found a configuration that matches ours.

[ClaytonNolen]

Data is being stored into the Firebase DB. However, the type of data is NaN according to Google.

[Daniel-Haley]

Added test dates in a static array to look at sizing of chart. Will plan on making max inputs to graph as 24 but could make smaller

[ClaytonNolen]

![Uploading Screenshot 2024-04-19 at 1.33.18 PM.png…]()

Heres the issues we were dealing with before until I fixed it. What was happening is that the const var "formattedDateStr" (or whatever it is) was no declared at the right moment in the code, specifically in reference with benchDate. Once this was moved into the if statements, the data could properly be formatted from formatData file, and have the correct type, string.

[ClaytonNolen]

After testing and discussing with Daniel, this works! This code will be duplicated and implemented towards the other metrics we would like to check!

[ClaytonNolen]

Still developing the similar code for the other entries!

[Daniel-Haley]

Working with Clayton on syncing date arrays with our charts.

[ClaytonNolen]

Added functionality to Squat and Deadlift. After, DH called and I helped him pull the data from Firebase properly.

[ClaytonNolen]

This is a current error I am working on. This was fixed and am working on why the date are off by one day.

[ClaytonNolen]

Speaking to daniel and looking into these future items for the front end;

• Match the shape of the logout button to the rounded rectangle shape that is alike all the buttons.

• Add the delete button. (R&D)

• Make the benchmark entries more of a two on each horizontal stack rather than all four being in a vertical stack.

• Mess around with the color template. I like the idea of grey/black (dark mode) with as our text, but important stuff like the line on charts and our user name be a bright Electric golden yellow that pops. It would be super cool to highlight the profile picture with a yellow ring as well.

• Make the logout button less noticeable by making it less transparent.

[Daniel-Haley]

Chart is working for Bench Press and need to replicate for the rest of the charts. Need to account for logic issues with having required input fields but will probably get to tomorrow.

[Daniel-Haley]

Working on replicating Bench chart changes to the rest of the charts and displaying them

[Daniel-Haley]

Updated input colors for the rest of the charts and working on sizing of the charts

[Daniel-Haley]

Fixed the space between the charts with Tailwind margin code. Also made the graphs slightly smaller. Working on getting the date and x-axis configuration the same on all of the charts.

[Daniel-Haley]

Completed functionality for all of the benchmark charts and merging the code