https://github.com/hrfmmymt/vue-form-test

https://github.com/hrfmmymt/vue-form-test

Last synced: about 4 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/hrfmmymt/vue-form-test
• Owner: hrfmmymt
• Created: 2019-05-22T09:50:06.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-09T11:40:25.000Z (almost 2 years ago)
• Last Synced: 2024-04-14T04:36:40.012Z (7 months ago)
• Language: Vue
• Size: 3.47 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 33
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-form-test

## Project setup

```

yarn install

```

### Compiles and hot-reloads for development

```

yarn run serve

```

### Compiles and minifies for production

```

yarn run build

```

### Run your tests

```

yarn run test

```

### Lints and fixes files

```

yarn run lint

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

## Custom usage

### deploy

need [Firebase CLI](https://firebase.google.com/docs/cli/) and overwritten api key.

```

yarn deploy

```

### live demo

https://vue-form-test.web.app/

## What

フロントエンドに [Vue CLI](https://cli.vuejs.org/)、バックエンドに Firebase を使ったお問い合わせフォームです。  

UI フレームワークに [Vuetify](https://vuetifyjs.com/) を使用しています。

PC / Android の Chrome のみ、「お問い合わせ内容」を音声入力できます。

現段階の Web Standard においては experimental technology という立ち位置の SpeechRecognition API を使用しています。   

https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition

入力内容のメール受信に Node.js モジュールの [Nodemailer](https://nodemailer.com/) を使っています。Node.js による処理は Firebase Functions を使用しています。

デプロイには Firebase Hosting を使用しています。