All solutions

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

Wins:

• Fastest development of solution due to pre-planned process
• Minimized repetitive processes
• Used Chrome Developer Tools to analyze design in the absence of a Figma file to follow

Improvements

• Improve the website by adding functionality via Javascript or at least use anchor tags to link to the social pages

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

NA.

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

NA.

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

Wins:

• I approached this project by first laying out the steps I was required to take which increased efficiency compared to the last project
• Being able to create an "active state" by using CSS "hover"

Improvements:

• Initially wanting to incorporate Bootstrap components but realizing that it was impacting the styles I had already applied to some elements
• Determine the frameworks and libraries I want to use only if deemed necessary

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

• Bootstrap affecting my styles and requiring a complete reassessment

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

When to use different frameworks or tools like Bootstrap, React, Grid, Flexbox, and others.

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

Wins:

• Learned to use Flexbox to align components
• Used Git/Github for version control

Improvements:

• Best practices for minimizing repetitive code in style sheet
• Lay out approach first before implementing code

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

• Struggled to use Flexbox appropriately to align elements
• Had to reference this cheatsheet multiple times (https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

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

• How to write cleaner code
• When to use Flexbox, CSS Grid, Bootstrap, React, etc.