@TedJenkler
Posted
Hi Alex,
Nice project! I haven't done this one yet, but I have a few suggestions for improvement:
Custom Hook for Keyboard Navigation: Consider adding a custom hook using useRef and useEffect to listen for "Enter" key presses. This would allow users to navigate and select options without needing to click buttons. At the moment, it might be unclear to some users how to proceed to the next part. While not necessary, implementing this would be excellent practice for some of the most important concepts in React, and would help you become a more experienced React developer.
ARIA Labels for Accessibility: To improve accessibility, consider adding ARIA labels to elements that arenβt semantic HTML. This ensures that your site is usable for all users, including those who rely on screen readers.
Extra Challenge - Animations and Transitions: As an extra challenge, try adding some animations and transitions to make your project stand out. This could enhance user engagement and make your project a strong portfolio piece.
Hope these suggestions help!
Best, Teodor
Marked as helpful
@sksksk2024
Posted
Thanks a lot for the suggestions, @TedJenkler !!! π₯π