All solutions

• Created burger animation when opening the menu on mobile devices
• Maximum number of displayed links - 6
• When updating the list of shortened links, the state of the "Copy" button is preserved (the component remembers whether the link was copied or not).

First of all, please evaluate file management and css classes, I will be very grateful. Maybe you have some tips on how to do filemanagement, like using some kind of nesting of component folders? Do you use ready-made solutions for burger menu or create it yourself? Are there any conditions you follow when creating responsive layout? (It's still a bit complicated for me).

• The component is created using ReactJS.
• Advice Slip JSON API
• For styling I chose SCSS preprocesses.
• The useState hook and FSM approach was used to handle the state.
• A custom Skeleton and Error were also added.
• The Spinner element is taken from the Chakra UI library.