QRCode Badge生成器
等级： 中级
在职业生涯的某个时刻，你可能会发现自己参与协助公司赞助的活动或者当地的科技聚会。在这些类型的聚会中，参会者之间交换联系信息是很常见的。
但是如何做呢？参会者通常可以通过交换名片或写下彼此的电子邮件或社交媒体账号名称来进行交流，但这可能会很慢且容易出错。如果能够快速而更可靠地扫描对方的徽章来收集这类信息就好了呢？
如果你对这个问题回答“是的！”，那么QRCode Badge生成器就是一个你会感兴趣创建的应用程序。该应用程序的目标是收集会议参会者的姓名、电子邮件地址、Twitter和GitHub帐户名称，并打印出带有二维码的名片，可以使用智能手机扫描。
要求与约束
-
对于这个应用程序，您希望使用NPM包QRCode生成器将收集到的参会者信息编码成二维码。
-
要测试您的实现，您需要在智能手机或平板电脑上下载一个二维码阅读器。有很多这样的阅读器是免费的。请根据您的设备在应用商店中查找最适合您需求的阅读器。
用户故事
- [ ] 用户可以看到一个包含参会者姓名、电子邮件地址、Twitter帐户名称、GitHub帐户名称以及“取消”和“创建”按钮的输入面板。
- [ ] 用户可以将数据输入这些输入字段。请注意，参会者姓名和电子邮件地址是必填项，但Twitter和GitHub帐户名称是可选字段。
- [ ] 用户可以点击“取消”按钮清除所有输入字段以及徽章面板（见下文）。
- [ ] 用户可以点击“创建”按钮生成参会者姓名徽章的图像。
- [ ] 如果以下情况之一为真，则用户可以看到错误消息：
- 必填字段为空
- 没有输入名字和姓氏
- 电子邮件输入字段不是一个正确格式的电子邮件地址
- Twitter帐户名称不以'@'开头
- [ ] 用户可以看到一个显示屏幕上的徽章面板，其中包含这些信息，以及用此信息编码的二维码。
额外功能
- [ ] 用户可以在徽章面板下方看到一个“打印”按钮。
- [ ] 用户只能在验证输入字段并且徽章显示在徽章面板后才能看到“打印”按钮。
- [ ] 用户可以对输入字段进行更正并点击“创建”以更新徽章面板的内容。
- [ ] 用户可以点击“打印”按钮在标签或硬拷贝上重现徽章面板。
- [ ] 用户可以看到Twitter帐户名称后面自动加上'@'符号，这样就不需要手动输入了。