C0DE 程式家教網

• 作品說明

  • 發想

• 功能

  • 測試帳號密碼

  • 使用者故事

    • 使用者端(學生)

• 畫面

• 安裝

  • 取得專案

  • 移動到專案內

  • 安裝套件

  • 運行專案

  • 開啟專案

• 資料夾說明

• 專案技術

• 聯絡方式

  • jia yu

作品說明

• 資料庫使用 json-server 技術，本作品資料庫連結

• 目前僅完成學生端

• 本作品由我 (jia yu)、阿榮、貓咪共同協作，無任何商業用途

發想

• 在學習程式時，有一部分人更喜歡也更適合找家教學習，但台灣並沒有網站專門在媒合程式家教，大家都只好透過 FB 等社群 PO 文找老師和學生。因此想要創立一個專門媒合程式家教的平台。

功能

測試帳號密碼

已自動登入測試帳號密碼。

使用者故事

使用者端(學生)

• 我是使用者，我想要快速了解 C0DE

  • 我能夠從首頁了解熱門課程、課程分類、網站特點、評價 - 阿榮

• 我是使用者，我想要登入註冊帳號 - 阿榮

• 我是使用者，我想要查看課程相關資訊

  • 我能夠從平台看到可預約的老師 - 貓咪
  • 我能夠從平台看到老師和課程的介紹 - 貓咪
  • 我能夠看到老師所釋出的時間表 - 貓咪
  • 我能夠看到課程和老師的評價 - jia yu

• 我是使用者，我想要找到適合我的老師、課程

  • 我能夠選擇項目檢索課程（評等、類別、程度） - jia yu
  • 我能夠透過關鍵字搜尋老師和課程 - 阿榮
  • 我能夠關注課程 - 阿榮

• 我是使用者，我想要購買課程

  • 我能夠將課程加入或刪除購物車 - jia yu
  • 我能夠使用優惠券 - jia yu
  • 我能夠下次再買指定課程 - jia yu
  • 我能夠付款完成訂單 - jia yu
  • 我能夠預約上課時間 - jia yu
  • 我能夠看到預約和訂購的資訊 - jia yu

• 我是使用者，我想要看我的會員資訊

  • 我能夠選擇/取消/修改上課的時間 - 貓咪
  • 我能夠查看我的優惠券 - jia yu
  • 我能夠查看我的收藏課程 - 阿榮

• 我是使用者，我想要上課

  • 我能夠進入上課的教室 - 貓咪

• 我是使用者，我想要解決我有的疑惑和問題

  • 我能夠看到常見問答 - 阿榮

畫面

課程篩選	會員中心 - 優惠券

購物車 - 使用優惠券	購物車 - 預約

安裝

• Node.js 版本建議為：18.16.0 以上

取得專案

git clone git@github.com:JiaYu0220/project-code.git

移動到專案內

cd project-code

安裝套件

npm install

運行專案

npm run dev

開啟專案

在瀏覽器網址列輸入以下即可看到畫面

http://localhost:5173/

資料夾說明

|- layout - 共用元件
|- pages - html 頁面
|- asset - 圖片、js、scss
    |- images
    |- js
      |- components - 共用元件
      |- pages - 頁面
      |- utils - 共用工具
    |- scss

專案技術

• Node.js v18.16.0
• Vite v4.2.0
• axios: v1.6.2
• bootstrap: v5.3.1
• firebase: v10.6.0
• firebaseui: v6.1.0
• jquery": v3.7.1
• jQuery": v1.7.4
• jquery-ui: v1.13.2
• sass: v1.61.0
• sass-loader: v13.2.2
• json-server: v0.17.4
• json-server-auth: v2.1.0

聯絡方式

jia yu

• alice49885@gmail.com