QRanswer

課程專案

掃描(紙本)QR code會進入英文單字介紹頁面, 主要設計給手機端

Vue單頁模板、基於webRTC的instascan.js在前端完成掃描QR code

在json裡找到單字的engName

https://ahe99.github.io/QRanswer/#engName

修改上面engName丟進QRcode產生器, 並印出來作為單字卡

新增資料如:

新增圖片至assets\img副檔名限制.jpg ex.dog.jpg
新增音訊至assets\audio副檔名限制.mp3 ex.dog.mp3

開啟data.json

  {
      "answers": [
          {
              "name": "貓咪",
              "engName":"cat",
              "description": "喵喵！",
          }
      ]
  }

更改data.json如下

  {
      "answers": [
          {
              "name": "貓咪",
              "engName":"cat",
              "description": "喵喵！",
          },
          {
              "name": "狗狗",
              "engName":"dog",
              "description": "旺旺！",
          }
      ]
  }

發PR

ahe99/qr-answer

QRanswer