Social links profile

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

A clean, structured layout with Tailwind CSS. Dynamic button generation with JavaScript. Smooth hover and transition effects. Next time : Use innerHTML cautiously to avoid performance issues (better to use appendChild). Improve accessibility by adding aria-labels to buttons.

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

Tailwind didn’t recognize hover:bg-green-custom because utility classes in @layer don’t automatically generate hover variants. Using innerHTML += can cause performance issues and overwrite event listeners. How I Overcame Them: Explicitly defined .hover:bg-green-custom:hover inside @layer utilities. Switched from innerHTML += to createElement and appendChild for better performance.

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

Improving Accessibility – Adding ARIA attributes for better usability.