PLANTE GEMS

專案正式上線網址

• PLANTE GEMS
  • 網站介紹
  • 使用技術
  • 資料夾說明
  • 測試帳號密碼
  • 在 Local 端的安裝＆運行步驟
  • 其他介紹資料

網站介紹

1. 遊客 即可瀏覽品牌介紹與保證、分店資訊、珠寶產品、最新消息、常見問題等。
2. (更新中) 遊客可註冊成為會員，可以選擇Facebook、LINE、Google、輸入帳密等登入/註冊方式。

使用技術

• 專案開發與測試：使用 Visual Studio Code 的 Go Live 功能。
• 專案部屬上線： GitHub 建立遠端儲存庫後透過 GitHub Pages 服務完成。

📌 類別	🔧 技術
前端工具	HTML 5、CSS 3、JavaScript、、jQuery、animate.css
程式環境與工具	scss、VSCode
版控工具	git、GitHub、Sourcetree
設計工具	Figma、Canva

資料夾說明

📁 資料夾名稱	📝 說明
CSS	CSS 檔案與 SCSS 轉檔後 CSS 檔案放置處
JS	JavaScript 檔案放置處
about	about 子層的 HTML 檔案放置處
collections	collections 子層的 HTML 放置處
pic	圖片資源放置處
scss	RWD 的 SCSS 檔案放置處
--	大部分 HTML 檔案放置處

在 Local 端的安裝＆運行步驟

1. 取得專案

git clone https://github.com/yhkekeke/PLANTE_GEMS.git

2. 進入專案目錄

cd PLANTE_GEMS

3. 運行專案 點擊 VScode 下方 "Go Live"功能

其他介紹資料

• 專案簡報
• 專案 UI/UX 設計稿