Journey 揪你 是我們小組六人耗時2個月完成的網站,功能非常齊全,包含了註冊登入、活動、嚮導、社群、社團、聊天室、行事曆...等等功能。
我是組長,主要負責整體網站的專案架構與功能規劃、進度安排與追蹤、嚮導功能和行事曆功能。
我們主要使用前端React框架搭配後端Express框架和MySQL資料庫來製作這個大專案。
以下是詳細的網站介紹!
*目標客群:熟齡族群。
*宗旨:熟齡族群人數日益龐大,在工作的閒暇之餘或退休之後,「Journey揪你」提供一個對熟齡友善的網站,在揪你上參與活動(娛樂)、規劃旅遊(嚮導)、分享生活(社群),讓揪友們創造新的感動與回憶。
*網站功能:
- 首頁:首頁動畫及介紹Journey揪你,根據天氣預報提供雨天備案或晴天出遊,揪友可以快速搜尋,以及顯示推薦熱門項目。
- 會員中心:可使用Email、Google、Facebook、Line進行註冊,註冊介面針對熟齡族群使用漸進式註冊,註冊完畢後可以登入進行會員資料修改。
- 活動:利用搜尋功能,輸入關鍵字尋找自己想要參加的活動。也可以發起活動,號招更多志趣相投的揪友一同參與。活動頁面可以方便快速看到活動報名人數和管理報名者。
- 嚮導:利用進階搜尋,快速搜尋出目的地的揪你嚮導,預約後讓他帶領你深度遊覽他的城市。閒暇之餘你也可以成為嚮導,簡單快速的註冊,分享你城市的故事給新的朋友。
- 社群:提供搜尋他人及社團的功能。 (1.) 文章介面: 簡約式部落格發布文章介面,瀏覽追蹤的人和社團的文章,文章留言與更多人互動交流。 (2.) 社團介面:呈現我所參加的社團以及推薦社團,建立新社團。各社團界面包含關於社團、社團文章、社團活動、成員管理、媒體空間,聚集相同興趣的使用者,提供平台讓他們認識、辦活動。
- 個人頁面:使用者可以輕鬆的追蹤自己的好友並管理。經營個人品牌形象,分享生活、旅遊的大小事。通知功能收集了嚮導、活動、社團的通知,方便使用者管理自己收到及送出的申請,並統一做回覆。評價系統可以簡單的為自己參加過的嚮導做評價。
- 聊天室:輕鬆的與朋友聊天,也可以即時向嚮導或活動主辦人溝通。還可以傳送貼圖,豐富聊天內容。
- 個人行事曆:匯集journey上所有嚮導和活動日程,也可直接在行事曆點選,檢視更詳細的嚮導、活動內容,不用再害怕遺漏任何重要日程。
*開發使用技術及工具:
- 前端技術: React, Sass, Gsap, HTML, CSS, JavaScript
- 後端技術: Node.js, express.js, socket.io, Firebase Authentication, MySQL
- API: OpenWeatherMap API, Google API
- Design Tools: Adobe XD, Photoshop, illustrator, Figma
- Frame Work: Ant Design, Bootstrap
- 託管平台: Heroku