Build A Simple URL Shortener With React

Create shortener app with shrtco api, so we just need to fetch data from the api and add long url as e parameter and then we get the shortener url, so simple. we also try to implement copy to clipboard functionality with react-copy-to-clipboard package

👨‍💻Code:
https://github.com/candraKriswinarto/...

🔗Link:
Reactjs: https://reactjs.org/docs/create-a-new...
Shortener Api: https://shrtco.de/
font family: https://fonts.google.com/specimen/Pla...
background animation: https://wweb.dev/resources/animated-c...
react-copy-to-clipboard: https://www.npmjs.com/package/react-c...

🌎Live:
https://shortener-url-rosy.vercel.app/

Timestamps:
0:00 - Intro
0:12 - Demo
1:31 - InputShortener Component
2:59 - Styling InputShortener
8:14 - BackgroundAnimate Component
10:45 - LinkResult Component
12:05 - Styling LinkResult
14:10 - react-copy-to-clipboard
18:37 - Get user input value
21:57 - Fetch data from shrtco api

👋🏻Contact Me:
https://canddev.vercel.app/

🌎 Find Me Here:
Instagram :   / candra_kriswinarto  
GitHub: https://github.com/candraKriswinarto/
Linkedin:   / candra-kriswinarto  

#shortenerURL #programming #enjoyCoding