Build a QR Code Generator in React and TailwindCSS

Check out MiniTool MovieMaker: https://bit.ly/4hKFA9A 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/qr-code-generator 🔗Link: ReactJs: https://reactjs.org/docs/create-a-new-react-app.html QrCode Tiger: https://www.qrcode-tiger.com/ QrCode Tiger Doc: https://www.qrcode-tiger.com/api-documentation QrCode Tiger Stoplight: https://qrtiger.stoplight.io/docs/qrtiger-api/b3A6NzgwMTkwNg-create-static-qr-code TailwindCSS: https://tailwindcss.com/ React Color: https://casesandberg.github.io/react-color/#examples File Saver: https://www.npmjs.com/package/file-saver 🌎Live: https://qr-code-generator-bay.vercel.app/ 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 : https://www.instagram.com/candra_kriswinarto/ GitHub: https://github.com/candraKriswinarto/ Linkedin: https://www.linkedin.com/in/candra-kriswinarto/ #qrCode #programming #enjoyCoding