Grip Up Climbing 網站

專案描述

"Grip Up" 不只是一個攀岩館，它是由一群攀岩愛好者共同實現的夢想。 這裡是一個讓你發掘攀岩之美的地方，無論你是初學者還是經驗豐富的攀岩者，都能找到志同道合的朋友。 我們的核心價值在於挑戰你的極限、精進你的技術，以及緊密的社群連結。 Grip Up, Look Up, Climb Up——我們激勵大家把握攀爬的瞬間、勇於挑戰可能性，一起攀向更高峰！

此網站主要功能包括提供攀岩相關資訊、場館介紹、課程與活動介紹、商品銷售與線上購物功能、攀岩社群介紹以及回應常見問題。

Grip Up Climbing 設計介紹簡報

網站架構

1. 首頁：關於我們、最新消息、精選課程照片、社群與商品簡介。
2. 場館介紹：分店資訊、票價及設備租借、場館設施介紹、團隊介紹。
3. 課程與活動：室內課程、戶外課程、客製化課程與活動、講座課程。
4. Grip Up 社群介紹：加入辦法、會員權益、社群動態、近期活動。
5. 線上商店：熱銷商品、自有品牌商品、攀岩選品。
6. 常見問題：課程相關問題、購物相關問題、會員及場館使用相關問題、安全事項及其他問題，聯絡我們。

開發工具

此專案完全使用 HTML, CSS, 和 JavaScript 構建，旨在提供一個響應式、互動式的使用者體驗。

開發時程

此專案作為初次前端切版訓練之用途，包含網站架構構想及設計規劃、製作。 開發時程依 緯育TibaMe 前端工程師專業技術養成班 課程安排進行: 網站規劃及設計(2週)-->桌機版本切版(2週)-->RWD及JavaScript功能(2-3週)。

安裝指南

要在本地運行 "Grip Up Climbing" 網站，請遵循以下步驟：

1. 克隆專案到本地：

git clone https://github.com/yourusername/grip-up-climbing.git
cd grip-up-climbing

由於專案僅包含 HTML, CSS, 和 JavaScript，無需進行額外的安裝步驟。你可以使用任何靜態文件伺服器來預覽網站，例如使用 Python 的 HTTP 伺服器：

如果你有安裝 Python 3

python -m http.server

或者使用 Python 2

python -m SimpleHTTPServer

然後在瀏覽器中訪問 http://localhost:8000 來查看網站。

使用範例

網站主頁將展示最新的攀岩資訊、即將舉辦的活動以及學園課程心得。使用者可以透過導覽列訪問不同的頁面。 此外，在商品部份可以前往特定商品頁面 https://rillala.github.io/GRIP-UP-CLIMBING/product.html#newlaunchShow-link 進行購物車相關測試。 購物車折扣碼可以輸入"coupon"進行測試。