Рет қаралды 7,465
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:
github.com/candraKriswinarto/...
🔗Link:
ReactJs: reactjs.org/docs/create-a-new...
QrCode Tiger: www.qrcode-tiger.com/
QrCode Tiger Doc: www.qrcode-tiger.com/api-docu...
QrCode Tiger Stoplight: qrtiger.stoplight.io/docs/qrt...
TailwindCSS: tailwindcss.com/
React Color: casesandberg.github.io/react-...
File Saver: www.npmjs.com/package/file-saver
🌎Live:
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:
canddev.vercel.app/
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
#qrCode #programming #enjoyCoding