邱叙元

My Portfolio Page

個人獨立打造的展示網站，展示項目是自學至今所構想並完成的作品。

網站重點放在特效的製作，整體以Scroll Event為核心發想，相比另外二個作品，進行了較多CSS Position的運用。

使用工具：

React, React-transition-group

備註：

除上述package，無引用其他third-party library（詳細再請見package.json),

特效皆為自己獨立製作，在發想和嘗試的過程中感到收穫良多。

另外二個作品的demo影片也有放在這個網站上面，若方便的話、也再請過目。

Demo site      Github

Calendar and Expenses

個人獨立打造的網頁，初次嘗試以TypeScript完成的項目，以「記事」及「記帳」功能為主，自寫的日曆計算function，含Drag、Drop等DOM Event處理，UI的部分，包括圖表的動畫效果、刻度等，都是以原生CSS （CSS Module) 完成。

使用工具：

TypeScript, React, React-transition-group

備註：

除了上述提到的部分，無引用其他package。

Demo site      Github

E-commerce Website

個人獨立打造的網頁，還原購物車、喜好清單、瀏覽記錄、購買記錄等transaction website的基本功能。

使用工具：

React, React-router, React-Redux, AWS

Authentication：

使用AWS Cognito的user pool和token代管功能。

Database：

串DynamoDB以IO購買記錄，有加一層API Gateway負責過濾。

( query string body mapping )

Static Hosting：

AWS S3，另加上AWS Cloudfront的CDN。

備註：

除了上述提到的部分，無引用其他第三方package/ sdk。

組件皆為自己獨立撰寫。（含Custom Hook）

Demo site      Github