Build a QR Code Generator in React and TailwindCSS

let's build another fun project, we will build QR Code generator. this project creating with javascript library react, tailwindCSS, and also we use couple package like react-color to create the color picker, and also file-saver package for create the download image functionality. hope you enjoy this project 👋🏻

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

🔗Link:
ReactJs: https://reactjs.org/docs/create-a-new...
QrCode Tiger: https://www.qrcode-tiger.com/
QrCode Tiger Doc: https://www.qrcode-tiger.com/api-docu...
QrCode Tiger Stoplight: https://qrtiger.stoplight.io/docs/qrt...
TailwindCSS: https://tailwindcss.com/
React Color: https://casesandberg.github.io/react-...
File Saver: https://www.npmjs.com/package/file-saver

🌎Live:
https://qr-code-generator-bay.vercel....

Timestamps:
0:00 - Intro
0:07 - Demo
1:27 - QR Code Tiger
4:54 - Setup CRA
5:38 - Instal and Setup Tailwind CSS
6:20 - Styling App.js
8:56 - InputForm Component
10:18 - InputField Component
12:06 - InoutColor Component
16:17 - Install and Use react-color
18:19 - Button Generate QrCode
20:03 - QrCode Component
22:29 - Create Context Api
28:34 - Working With QrTiger API
39:30 - Install and Use file-saver

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

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

#qrCode #programming #enjoyCoding