My Adventure Log 我的潛水日誌

Avatar of Ellen Kuo.
Avatar of Ellen Kuo.

My Adventure Log 我的潛水日誌

主任
Taipei, Taiwan

My Adventure Log 我的潛水日誌

使用Node.js、Express及MongoDB打造的電腦版個人潛水日誌

功能介紹:

1. 使用者須先完成註冊並登入後才能使用後續功能。

2. 使用者登入後可以新增每一次的潛水日誌,日誌內容包含:

  • 潛水日期
  • 主題(平靜水域、開放水域、fundive、體驗潛水等)
  • 地點
  • 方式(岸潛、船潛、高氧、高海拔等)
  • 天氣
  • 水面溫度
  • 水下溫度
  • 潛水時間
  • 最大深度
  • 殘壓
  • 能見度
  • 筆記內容
  • 照片一張

3. 使用者可於潛水日誌頁面看到總潛水次數,以及每一潛的基本內容,包含:

  • 日期
  • 潛水地點
  • 潛水方式

4. 使用者可於潛水日誌的主畫面選擇:

  • 內容:查看該次潛水日誌的詳細內容
  • 修改:修改之前新增的潛水內容
  • 刪除:刪除該筆潛水內容

5. 使用者可於潛水日誌的頁面使用搜尋功能來查找特定的潛水紀錄或者可以使用年份篩選的方式來尋找特定年份的潛水紀錄。

6. 使用者可點選左側欄的「動態」選項,則可改為使用瀏覽照片搭配簡易的潛水內容(時長、最大深度、水下溫度、日期)來呈現過往紀錄。

7. 使用者可以點選左側欄上方的大頭照或者下方的設定圖示進入設定頁面。

8. 設定頁面預設顯示註冊時提供的資訊,另可以點選右上角圖示:

  • 新增大頭照
  • 新增生日
  • 新增發照日期
  • 新增發照地點
  • 更改登入密碼

開發工具

- Node.js

- Bootstrap

- Express

- Express-handlebars

- connect-flash

- dayjs

- mongoose

- multer

- passport

此程式已部署於Render上,歡迎大家來玩玩看!

網址:https://my-adventure-log.onrender.com

使用者帳號:[email protected]

使用者密碼:12345678


Github: https://github.com/vdiefn/My-Adventure-Log

若對此專案有任何問題或建議都歡迎來信或者提交 Issue 或者 Pull Request來進行交流





使用Node.js、Express以及MongoDB打造電腦版的個人潛水日誌。 使用者可於註冊後新增潛水資訊,紀錄內容與照片,紀錄每一次潛水的感動。 此專案已完成部署,歡迎大家實際來使用看看。
Avatar of the user.
Please login to comment.

Published: Aug 6th 2023
27
3
0

Tools

handlebars
Handlebars
bootstrap
Bootstrap
css3
CSS3
html5
HTML5
javascript
JavaScript
mongodb
MongoDB
express
Express
nodejs
Node.js

Share