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

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

Last synced: about 4 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/hrfmmymt/nuxt-form-test
• Owner: hrfmmymt
• Created: 2019-05-24T08:45:44.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-09T11:40:40.000Z (almost 2 years ago)
• Last Synced: 2024-04-14T04:36:37.479Z (7 months ago)
• Language: Vue
• Size: 4.06 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 33
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# nuxt-form-test

> My supreme Nuxt.js project

## Build Setup

``` bash

# install dependencies

$ yarn install

# serve with hot reload at localhost:3000

$ yarn run dev

# build for production and launch server

$ yarn run build

$ yarn start

# generate static project

$ yarn run generate

```

For detailed explanation on how things work, checkout [Nuxt.js docs](https://nuxtjs.org).

## Custom usage

### deploy

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

```

yarn deploy

```

### live demo

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

## What

フロントエンドに [Nuxt.js](https://ja.nuxtjs.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 を使用しています。

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