簡介​

這是一個用 ReactJS 與 fabricJs 建構的簡易版照片編輯工具。

可以進行常見的一些的照片編輯，手寫或是新增圖示標記，亦可以作為普通畫布使用。

使用技術​

前端： React (TypeScript), fabricJS

主要功能​

1. 照片存放區：一次上傳一或多張照片，並拖曳到畫布中編輯​

2. 右方工具列​

3. 使用工具進行編輯​

4. 輸出畫布​

DEMO 連結與原始碼​

Image Editor

GitHub

簡介​

Emaily 是一個蒐集用戶使用體驗的網站，提供 Google 快速註冊登入、付費加值以發送調查信件給你的用戶，並可在後台呈現調查數據。

使用技術​

前端： React (TypeScript), Redux, Redux-thunk, Redux-form, Tailwind CSS

後端： Express, Mongoose, passport-google-oauth20, SendGrid, Stripe

此專案功能發想及後端來自 Udemy 課程 Node with React 專案，唯有前端實作部分為自行建立，並非原創。

主要功能​

1. Google 註冊與登入​

2. 付費加值​

此處輸入測試的卡號 4242 4242 4242 4242 來作測試。

付款成功，多了 5 credits!

3. 使用 1 credit 來發送一個調查信​

填寫信件內容

確認結果後發送

4. 用戶收到了你發出的調查信​

這份調查同時顯示在儀表板上，隨時可以檢視調查狀態

DEMO 連結與原始碼​

Emaily

GitHub

簡介​

由 React 開發的簡單五子棋遊戲。

使用技術​

前端： React, Styled component

DEMO 連結與原始碼​

Gomoku

GitHub