Kenge

前端工程師 Frontend Engineer

10

The F2E 2nd - 第十關

10

The F2E 2nd - 第十關

FAIL

 
第十關 - 口罩地圖
AJAX Vue
0
作品網址 原始碼
創用 CC 授權條款
本著作係採用創用 CC 姓名標示 3.0 台灣 授權條款授權.

9

The F2E 2nd - 第九關

9

The F2E 2nd - 第九關

SUCCESS

 
第九關 - 筆記軟體

可以新增一個筆記，填寫文章內容
可以將筆記打星號，以方便快速搜尋
有卡片、純文字列表兩種檢視方式
可以在筆記裡，將文字變成粗體、斜體、下底線等基本樣式

主要技術：
Firebase Database & Storage
Vue
1
作品網址 原始碼
創用 CC 授權條款
本著作係採用創用 CC 姓名標示 3.0 台灣 授權條款授權.

8

The F2E 2nd - 第八關

8

The F2E 2nd - 第八關

SUCCESS

 
第八關 - 雲端硬碟

可以在檔案管理區新增資料夾
可以上傳任何檔案，例如圖片、word、pdf、mp4
可以在資料夾裡面新增檔案
可以透過篩選器搜尋檔案
可以透過右鍵選單進行下載或刪除

主要技術：
Firebase DB + Storage
Vue
3
作品網址 原始碼
創用 CC 授權條款
本著作係採用創用 CC 姓名標示 3.0 台灣 授權條款授權.

7

The F2E 2nd - 第七關

7

The F2E 2nd - 第七關

SUCCESS

 
第七關 - 匿名聊天室

可以填寫暱稱或匿名形式，不需進行註冊，便可進入聊天室
可以上傳附件檔案、圖片給對方

主要技術：
Firebase DB + Storage
Vue
2
作品網址 原始碼
創用 CC 授權條款
本著作係採用創用 CC 姓名標示 3.0 台灣 授權條款授權.

6

The F2E 2nd - 第六關

6

The F2E 2nd - 第六關

SUCCESS

 
第六關 - 旅館預約服務

首頁：
能看到所有房型，並能點擊任一房型，進入到單一房型頁面觀看更多

單一房型頁面：
可以觀看該房型詳細資訊
可以用日曆方式，瀏覽未來已預約與尚未預約的時段
在選擇預約日期時，會即時顯示訂房價格總價

主要技術：
Vue + iView 3.0
AJAX Vue
1
作品網址 原始碼
創用 CC 授權條款
本著作係採用創用 CC 姓名標示 3.0 台灣 授權條款授權.

5

The F2E 2nd - 第五關

5

The F2E 2nd - 第五關

SUCCESS

 
第五關 - 90 秒挑戰遊戲

以鍵盤左右鍵控制小鴨移動，遊戲時間 90 秒，避開障礙物到達終點便算挑戰成功

主要技術：
Animate CC + CreateJS
Sass、Less ES6
0
作品網址 原始碼
創用 CC 授權條款
本著作係採用創用 CC 姓名標示 3.0 台灣 授權條款授權.

4

The F2E 2nd - 第四關

3

The F2E 2nd - 第三關

3

The F2E 2nd - 第三關

SUCCESS

 
第三關 - MP3 Player

切換上/下一首
拖動音樂時間軸
暫停/開始切換
音量控制
隨機播放
Sass、Less Vue
4
作品網址 原始碼
創用 CC 授權條款
本著作係採用創用 CC 姓名標示 3.0 台灣 授權條款授權.

2

The F2E 2nd - 第二關

2

The F2E 2nd - 第二關

SUCCESS

 
第二關 - 新接龍
Bootstrap Vue
0
作品網址 原始碼
創用 CC 授權條款
本著作係採用創用 CC 姓名標示 3.0 台灣 授權條款授權.

1

The F2E 2nd - 第一關

1

The F2E 2nd - 第一關

SUCCESS

 
第一關 - 番茄鐘
Flexbox Sass、Less Vue
0
作品網址 原始碼
創用 CC 授權條款
本著作係採用創用 CC 姓名標示 3.0 台灣 授權條款授權.