網頁概述

“ 與山同行 ”是一個以發布登山相關文章的多功能平台，還有拼車的功能，讓登山相關的資訊更集中。

設計理念

透過簡「與山同行」的 Logo 設計以山為主題，透過簡潔的線條呈現出山峰的形態，融合自然與人文的美感。潔的線條呈現出山峰的形態，融合自然與人文的美感。淺綠色代表大自然的生命力和綠意盎然的山林；咖啡色則代表著大地的穩定與豐盛，呈現出山的厚重感和穩重感。整體色調清新自然，讓人感受到與大自然的親密互動。



使用技術

主要使用Laravel串接My SQL資料庫，使用MVC邏輯製作網頁，方便網站維護，後端主要使PHP語言，前端使用前端三寶，以及JQuery,Bootstrap，並使用Github做團隊協作，git做版本控制

作品網站

Github: https://github.com/YuChiaYu/BigProject

網頁架構

拼車流程

首頁設計

<首頁>呈現網站主要三大功能:拼車，心得，論壇。

<首頁>串接政府天氣預報平台api，每三小時更新熱門登山路線的即時天氣預報。

<首頁>輪播圖的設計，推播最新文章及拼車資訊，背景採視差滾動的設計。

<首頁>導覽列的部分有作通知小鈴鐺，通知使用者最新的資訊。

頁面做了RWD，方便使用者在不同使用裝置上瀏覽網站。

登入註冊系統

<登入註冊>每個欄位都有做防呆機制，防止輸入者輸入非英文或數字，也有限制輸入的字數

忘記密碼功能

<忘記密碼>輸入信箱後，可以到信箱點擊重設密碼。

心得頁面

<心得版面>搜索關鍵字功能，找到你喜歡的文章，側邊欄推薦最新心得資訊

<心得>下方做出分頁設計，讓使用者更方便使用，畫面更簡潔

<心得>可以看到美美圖文，以及文章收藏功能，儲存你喜歡的文章，側邊欄推薦最新相關文章

<心得>文章下方可以留言，打錯字可以重新編輯，也可以直接刪除留言

<心得>可以幫文章加入美美的圖片，輸入標題跟內容，沒有寫完可以儲存，之後到個人頁面點擊繼續編輯。

論壇頁面

<論壇>分為問題、揪團、黑特，三大版面。

<論壇>可以選擇看板，發布文章。

拼車頁面

<拼車>首頁採用月曆設計，方便查看出行日期，關鍵字搜索功能，快速檢視日程表。

<拼車>除了日曆也可以直接查看列表。

<拼車>輸入詳細共乘資訊即可發布。

<拼車>點擊日程詳情，即可查看詳細內容，下方可以點擊申請加入，此時發起者會收到email及網頁通知，告訴他到個人頁面點擊同意，則會寄送email及通知告知申請者，若已經徵滿則會顯示已徵滿，若還在等待審核加入，則會顯示審核中，最下方可以留言和網友討論資訊。

個人頁面

<個人頁面>修改個人資訊，或者修改密碼。

<個人頁面>拼車紀錄的部份可以查看參加過的紀錄，並從“開團中”可以選擇是否讓參加者加入。

<個人頁面>從“我的心得”可以查看之前發布的文章，也可以查看自己在什麼文章留言。

<個人頁面>從“收藏”中可以查看自己收藏了什麼文章。