Grid_Island 桌遊店官網專案 前台

Grid Island 既象徵桌遊板上的網格,也有島嶼的寓意。在這片島嶼上,我們希望每位探險者都能找到屬於自己的遊戲格,並且透過社群建立關係！

此專案為六人團隊專案實作，桌遊店家的官方網站，主要功能為預約場地、線上商店、留言社群。
使用技術為Vue3、CSS3、SCSS、JavaScript、aos、Bootstrap、View Design、calendar、ajax、axios、MySql、PHP...等等。

● Grid Island
● Grid Island後台（帳號：griddy789 密碼：griddy123）
● 後台GitHub
● PHP GitHub
● Grid Island專案簡報

前台介紹

1. 想到店玩桌遊的玩家可以使用預約系統，預約預計來店的日期、時段、桌次、人數。
2. 想購買桌遊的玩家在網路商城購買商品。
3. 想討論遊戲、揪團的玩家可以在玩家社群發文、留言以及報隊。

專案架構

本專案為「前後台分離」、「前後端分離」。

聯絡我們

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build