Project - React Vite - CodeNetworks QrCode Generator
QRCode and BarcodeGenerator
About
-
When a social network url is entered, the central image is replaced by the network icon.
- options :
- Networks : Github, Linkedin, Facebook, Instagram, Pinterest, Youtube, Twitter, Twitch, Tiktok, Reddit
- Supports : KissKissBankBank, Liberapay, Patreon, Tipee, Utip
- options :
-
The QrCode can then be downloaded as a png file
-
There are 4 input fields accessible by clicking on the corresponding arrows, to modify the qrcode :
- social network url
- the qrcode correction scale
- the background color
- the foreground color
Screenshots
- When the application is launched
- After entering a social network address
- Downloadable Png image
- Mobile view (280px max)
Get Started
Recommended IDE Setup
Getting Started with Vite
This project was bootstrapped with Create vite.
To learn React, check out the React documentation.
Dependencies
This project use:
- styled-components to do CSS in JS and @types/styled-components for TypeScript compatibility.
- qrcode.react to generate the QRCode
- react-barcode to generate the BarCode
- react-icons for Burger icon in menu
- react-router-dom for routing
0 commit comments