React.js + TypeScript + SCSS + Framer Motion URL Shortening website

Hi All,

This is my first project ever combining SCSS & React.js and to be honest, it was way easier than I initially thought.

To sum everything up:

• Form validity check & API call are set inside React Context.
• Users receive an appropriate error message depending if the input field is empty or the provided URL is incorrect (validity is checked using a regular expression).
• List of shortened links is dynamically rendered (starting from the most latest one) and saved within local storage.
• Users are able to copy the shortened link to a clipboard using a Copy button.
• Easier animations are implemented with SCSS, the on scroll ones with Framer Motion. Mobile navigation is animated with React Transition Group.
• App's layout is optimal for any screen size.

As always, I'll be grateful for any tips or suggestions what I can improve next time.

Thanks & Happy Coding! 🎃 👻