All solutions

What are you most proud of, and what would you do differently next time?

Took a lot of time to work through the API calls and error response for users inputting incorrect strings on the response to the server.

Ran into a problem that would have been easily solved with JQuery but NextJS wouldn't run a build version of the site with JQuery running.

When working on a project and you don't have adesign file to work with just an image, what is the best way to match the design, especially with media queries? Just eyeball it?

Was a good challenge to help think through a problem that seems simple but can create a lot of errors if the logic is handled improperly.

Was also nice to work with multiple state objects but I am confident there is a better way to write concise and more readable logic

Ran into a massive road block with the filtering and re-rendering it in NextJS. Was having a hard time conceptualizing how the render and state works between renders and passing that information between components so tried using data-attributes but it was losing it between renders. Reached out to some developers and was pointed on the right track and started to see how the render states work, but definitely need more practice in this arena.

Utilized a library called ChartJS for react. What is the best approach in using third-party libraries in projects, from the root level down or in the individual component it is being used in and why?

I created a component to display each of the summaries (reaction, memory, verbal, visual) but I had to then use four components each with different props to achieve the desired look. Is there a better way of structuring the component to display the necessary information without duplicating four components each with slightly different props?