All solutions

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

Setting a character limit based on the screen size and hyphenating words that are too long to fit within the container. It took a bit of research and some trial and error to achieve a look that was consistent with the Figma file.

Next time I would look into resizing the placeholders for longer words so they can remain on one line.

What challenges did you encounter, and how did you overcome them?

Breaking the gameboard page down into separate components and hooks. Initially, I built the gameboard with all the logic in one file. By the time I finished, it was around 400 lines of code and I could see that it would be difficult to maintain and make changes in the future.

This proved to be a much better architecture when I received user feedback to add an option to go to the next word after completing a game. I was able to easily modify the modal that pops up when the user completes the game.

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

Generating the password was a bit of a LeetCode challenge. I didn't expect my components to rely so heavily on each other. I had to go back and forth refactoring a few times to get the strength indicator and password generator to work together.

Whiteboarding and planning out the code first would have been beneficial here.

What challenges did you encounter, and how did you overcome them?

I initially used a lot of if statements in the password strength indicator which may not have been the best solution. They were long, included a lot of conditionals, and it wasn't very readable. I later went back and added a counter so based on the number of points for character length and items included it became easier to read and judge what was a weak password compared to a strong password.

What specific areas of your project would you like help with?

The CSS on the slider could still be better. It's not a perfect match with the Figma design, but for the time being it's a compromise I'm happy with. I felt that I would have spent too much time with that one element when that time could have been better spent in other areas.