John Virtual Card

John Virtual Card is a design of a virtual card for John Doe, a fictional character who is used to test the John Company's identification system.

introduction

João is tired of using business cards for his business. He liked having a picture on his phone so that people scanning it could see all their data on one page.

🚀 Starting

These instructions will allow you to get a working copy of the project on your local machine for development and testing purposes.

⚙️ installation

# Open a terminal and copy this repository with the command
$ git clone (https://github.com/antonioalexandre1984/QrCode_Generator.git)

# Access the application folder
$ cd QrCode_Generator

# install the dependencies
$ yarn

# Start the application
$ yarn dev

⚙️ About the tests

About the tests we perform unit tests as described below.

• The first test, "should update name and validation state when invalid input is provided", checks whether the component updates the validation state of the name when invalid input is provided. The provided context has the isNameValid state set to false, simulating an invalid input, and it is expected that when the user enters "john" in the name field, the component updates the name state to "john" and displays the error message "Please enter a valid name".

• The second test, "should update Github user and validation state when invalid input is provided", checks whether the component updates the validation state of the Github user when invalid input is provided. The provided context has the isGithubValid state set to false, simulating an invalid input, and it is expected that when the user enters "john" in the Github user field, the component updates the Github user state to "john" and displays the error message "Please enter a valid Github username".

• The third test, "should update Linkedin user and validation state when valid input is provided", checks whether the component updates the validation state of the Linkedin user when valid input is provided. The provided context has the isLinkedinValid state set to false, simulating a valid input, and it is expected that when the user enters "john" in the Linkedin user field, the component updates the Linkedin user state to "john" and does not display the error message "Please enter a valid Linkedin username".

🔩 Procedure for carrying out the tests

# Access the application folder
$ cd QrCode_Generator

# install the dependencies
$ yarn

# Start the tests
$ yarn test

⌨️ About coding style

For the visual style of the project, we chose to use the Tailwind given its visual quality of the components and significant improvement in the amount of code produced.

📦 Project Online

As suggested in the project. We publish the project online at the address below.

https://alexqrcode.netlify.app/

🛠️ Built with

• React.
• Typescrypt - Language used
• Tailwind

📌 Version

This project is in version 1.0

✒️ About Author

Mencione todos aqueles que ajudaram a levantar o projeto desde o seu início

• ** Full Stack Developer with a degree in Systems Analysis and Development and Telecommunications Technician, in addition to training in Full Stack and React Development, seeking an innovative and up-to-date performance. Throughout my career, I have already developed several projects, individual and in teams, using technologies such as Javascript, React, Node, Express and Typescript, in addition to guiding my work through the agile Scrum methodolog

🎁 Thanks

• I would like to thank Buzzvel Company for the opportunity to work on this project, which is very enriching for my professional career. 📢;

⌨️ with ❤️ for [Antonio Santos] 😊