Vanilla JS - HIGHROCK 攀岩場館官網

此作品為自行發想、獨立開發作品

最極致的攀岩體驗

Demo | GitHub

前台功能

• 首頁：GSAP 動畫效果、輪播
• 場館資訊：GSAP、最新消息列表(可從後台 CRUD)
• 課程介紹：報名課程(需登入)
• 團體課程：手刻月曆 + 預約功能
• 會員資料：會員登入、註冊、個人資料修改、課程管理

後台功能

• 活動課程管理：查看課程及報名學生、關鍵字搜尋
• 團體課程管理：開設新課程、新增上課日 (前台月曆同步新增)
• 最新消息列表：CRUD (前台同步新增)

開發工具

• Vanilla JavaScript
• 切版 BootStrap 5、SCSS 製作 RWD 版型
• 第三方套件：Swiper、Axios、GSAP、tilt.js、validate.js、CKEditor5
• 建立 db.json 資料串接 JSON-Server 模擬 RESTful API
• JSON-Server-Auth 控制使用者權限
• Render 部署模擬資料庫