台北一日遊專案

參加網頁開發訓練營

前幾個月參加了一個網頁開發的訓練營(wehelp),這個訓練營真的很棒,老師不會手把手的帶你寫程式,而是把有可能會用到的技術跟你說,你可以根據老師給的線索?去網路上找看看要怎麼做出老師希望你達成的網頁功能,例如會員系統或之類的,我覺得這很適合我,以往我總是找了很多資源學習,但卻不知道怎麼整合出一個功能或是實際用在哪裡,沒有自己思考,只是看範例打Code,老師打一行你打一行,這樣的成效實在很有限,前幾個禮拜總算告一個階段完成一個旅遊網頁,說實在的,我在這幾個月很懷疑自己的智力,途中好幾次非常想放棄,常常會不由自主地跟別人比較,覺得我寫都糞code,除了白天要工作以外,晚上和假日還得無止僅的debug寫專案,雖然真的很累,但現在回頭看看三四個月前的自己倒是頗有一絲小小成就。

專案

這個專案顧名思義就是台北一日遊的網頁,API資料以及網頁樣式是由Wehelp網頁開發訓練營的老師提供,根據老師提供的資料去做前後端的設計,使用者可以訂購行程,並且用信用卡完成線上訂購行程的流程,另外可以在會員中心看到已付款的歷史訂單,若想要試看看付款功能的話,這邊提供Tappay測試用的信用卡卡號:4242 4242 4242 4242,過期時間:01/23,驗證密碼:123,可以測試付款。

GITHUB https://github.com/smallgirl6/taipeidaytrip
WEB http://taipeidaytrip.hyggenini.com:3000/

Demo

主要功能

  • 無限滾動
  • 關鍵字搜索
  • 預約
  • 購物車
  • 照片輪播
  • Tappay 線上付款
  • 會員系統
  • 歷史訂單功能
  • RWD

前後端技術

  • AWS EC2
  • Python flask
  • MySQL
  • bcrypt
  • blueprint
  • Git/
  • HTML
  • CSS
  • Javascript

架構圖

Database Schema