時販機 じはんき

使用 Vue + Nuxt 打造的販賣時間平台。 在時販機上，您可以自由販賣或購買時間，一單位為 30 分鐘，不同的主題可以讓你選擇精進自己、分享快樂又或是殺時間的娛樂。快來看看吧！

Demo

Demo Link

操作流程

測試帳號

請操作下單部分就好，個人資料及商品請辦個帳號玩玩～

  a.
  名稱：Judy
  帳號：[email protected]
  密碼：test123123
  販時名稱：拍出適合妳的大頭貼
  
  b.
  名稱：Ｍiyu
  帳號：[email protected]
  密碼：test123123
  販時名稱：畫穿搭

簡介

此作品使用 Nuxt 打造，搭配 WebRTC 可達成一對一線上視訊。

後端則是使用 Node.js 搭配資料庫 MySQL。

平台功能

• 會員註冊 / 登入 ( 支援第三方 Google, FaceBook )

• 忘記密碼 ( 使用 JWT 驗證 )

• 儲值點數 ( 綠界金流 )

• 編輯個人資訊 ( 可上傳大頭照 )

• 販賣 / 上架自己時間

• 下標 / 購買別人時間

• 訊息傳送

• 視訊聊天室

• 瀏覽商品

使用技術

• Vue

• Vue Router

• Vuex

• Vue Cli 4

• Nuxt

• WebRTC

• WebSocket

• Google SignIn

• FaceBook SignIn

• ESLint ( Airbnb )

• JavaScript

• tailwind CSS Framework

• Scss

• Node.js

• MySQL

• Git

前端介面

首頁

商品列表 / 資訊

登入 / 註冊

編輯頁面

信箱 / 訊息

儲值點數

下標 / 購時

視訊聊天室

聲明

本作品單純練習用，不作任何商業用途。

Build Setup

# install dependencies
$ npm run install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.