QR сode contact generator

Deploy: https://slavic-js.vercel.app/ Done 10.02.2022

Technology stack:

• Next.ts/js
• React
• SCSS
• Webpack
• Library Formik for the Form
• Library Yup for validation
• Canvas-animation with help Adobe Animate + createjs library
• Versel connected for deploy

Features:

• Form for generation QR code of VCard contact
• Validation of fields
• Canvas-animation with interactive button as a main unique feature for watching the demo how to use current application. Canvas was created using keyframes and using a special design created in Adobe Photoshop
• The background which generating with help JavaScript
• Settings with ability to add additional fields for QR code generation, ability to choose the theme of application and QR code size
• Responsive layouting
• The application is made in the same style
• The application works on as desktop as and mobile or tablet

Participated in the development:

* Maryia Frantsava

* Nikita Zhavoronkov

Getting Started

First, run the development server:

npm run dev
# or
yarn dev