---
# System prepended metadata

title: Sugoii - Design your beauty.

---

# Sugoii - Design your beauty.
## 為什麼我們致敬 Pinkoi ?
> 疫情關係電商平台是目前的市場主流，Pinkoi 是提供給小眾設計師的販賣個人商品的網站，本組有同學之前從事設計相關的行業所以我們選擇了 Pinkoi，與課程上的教學有許多的共通性可以讓我們可以展示學習的成果。
## 功能介紹：

### 會員登入與個人資料即時更新
1. 提供第三方（Google、Github ）登入
2. 頁面編輯與新增
3. 會員中心首頁即時更新
![會員](https://user-images.githubusercontent.com/86469302/135702337-f07f93df-520d-4092-99ee-784b871a2ac0.gif)

### 產品搜尋
1. 建立商品搜尋 API
2. 搜尋特性 - 模糊搜尋 
3. 讓使用者在找尋物品更 - 方便搜尋
![搜尋](https://user-images.githubusercontent.com/86469302/135702373-dc821de7-0393-470f-a2fe-349fa7883439.gif)

### 購物車系統
1. 寄發訂單成立信件
2. 結帳時一張訂單根據不同的店家區分開來，運費個別累積加總至總金額 
3. 購物車頁面可以選擇商品數量、總金額(含運費)也會連動改變
![放入購物車](https://user-images.githubusercontent.com/86469302/135702389-e2599bf2-447c-46fc-9cdd-c536ef136c8e.gif)

### 結帳、訂單系統
1. 串接藍新金流
2. 買家訂單狀態分類，清楚掌握訂單狀態 
3. 訂單內容依店家分類、有明顯的進度條提示
![結帳](https://user-images.githubusercontent.com/86469302/135702428-8a88a8f9-6b6c-463c-96c7-4f9babf9d1bc.gif)

### Sugoii開發技術
1. 前端：HTML CSS /  TailwindCSS / JavaScript / React
2. 後端：Ruby on Rails 
3. 資料庫：PostgreSQL / Redis
4. 部署：Heroku
5. 版本控制：GitHub / AWS S3
6. 金流：藍新金流
