Jewelry eCommerce Website

專案介紹：

這是一個以 React 開發的首飾網站，旨在提供使用者一個直觀且美觀的購物體驗。無論是瀏覽商品、了解品牌故事，還是將商品加入購物車並進行結帳，這個網站都能滿足使用者的需求。後台管理功能亦讓網站管理員可以輕鬆地管理商品、處理訂單和設定優惠碼。

功能：

• 商品列表瀏覽：用戶可以輕鬆瀏覽所有商品，篩選喜愛的首飾。
• 品牌故事頁面：了解品牌背後的故事，增進與用戶的情感連結。
• 商品詳細資訊：查看每件商品的詳細描述、價格與圖片。
• 購物車功能：將選定的商品加入購物車，準備結帳。
• 模擬結帳流程：完整模擬實際購物結帳流程，讓用戶體驗更真實。
• 後台管理：管理員可通過後台添加新商品、設定優惠碼，並管理訂單。

安裝與使用：

1. 請確認已安裝 node.js 和 npm

2. 將專案 clone 到本地，輸入：

   git clone https://github.com/foxlee2525/restaurant-list.git

3. 在本地開啟之後，透過終端機進入資料夾，輸入：

   npm install

4. 安裝完畢後，繼續輸入：

   npm run start

5. 打開瀏覽器進入到以下網址

   http://localhost:3000

6. 若欲暫停使用

   ctrl + c

後台管理：

1. 可輸入以下網址進入後台

   http://localhost:3000/#/login

2. 後台登入資訊

   • Email: [email protected]
   • Password: 123456

開發工具：

• Node.js 16.20.2
• React >18.3.1
• React router dom >6.23.1
• React Hook Form >7.52.0
• axios >=1.7.2
• Sass >1.77.2
• Bootstrap 5.3.3
• reat-fontawesome >0.2.2