CakeResume
CakeResume Logo
Log In
Sign Up
Build your Network
My Network
Access your personal network connections and manage your contacts.
CakeResume Meet
Expand your professional network by meeting and connecting with other users.
Community
Engage with other users through discussions, forums, and networking events.
Log In
Sign Up
Portfolios
劉文婷 Wen-Ting Liu
[前端][網頁開發] 國旗猜猜樂

[前端][網頁開發] 國旗猜猜樂

Avatar of 劉文婷 Wen-Ting Liu.
Avatar of 劉文婷 Wen-Ting Liu.

[前端][網頁開發] 國旗猜猜樂

By劉文婷 Wen-Ting Liu
求職：前端工程師 Front-End Developer
・
Taipei, Taiwan

應用前端框架 Vue.js 及 CSS 預處理器 SaSS/SCSS 撰寫而成的互動遊戲，網站設計及製作皆為 Wen-Ting 獨立完成！


使用者進入遊戲關卡後，透過點選下方 7 色色盤便可為三色國旗上色，填色後送出答案，透過資料比對判斷答題對錯，進而前進下一關或重新答題，總計 24 個關卡；點選右上角 LEVEL 標籤，可快速通關到任一關卡（及觀看國旗 emoji 提示）。


#Javascript #CSS #HTML #Vue.js #Sass/SCSS #RWD #SideProject

GITHUB: https://github.com/wentingliuu/flag-quiz-game

遊戲這裡玩：https://wentingliuu.github.io/flag-quiz-game/

Medium 專案介紹文章：https://reurl.cc/12d9qm

應用前端框架 Vue.js 及 CSS 預處理器 SaSS/SCSS 撰寫而成的互動遊戲，網站設計及製作皆為 Wen-Ting 獨立完成！ 使用者進入遊戲關卡後，透過點選下方 7 色色盤便可為三色國旗上色，填色後送出答案，透過資料比對判斷答題對錯，進而前進下一關或重新答題，總計 24 個關卡。 點選右上角 LEVEL 標籤，可快速通關到任一關卡（及觀看國旗 emoji 提示）。
Avatar of the user.
Please login to comment.
劉文婷 Wen-Ting Liu
Published: Apr 5th 2022
988
9
0

Tools

css3
CSS3
html5
HTML5
javascript
JavaScript
sass
SASS
vuejs
Vue.js
Javascript / CSS / HTML
Side Project
RWD
Sass/SCSS
Vue.js

Share

Other works from 劉文婷 Wen-Ting Liu

Cover of [後端][網頁開發] 餐廳論壇 API.
[後端][網頁開發] 餐廳論壇 API
Cover of [前端][網頁開發] 餐廳論壇.
[前端][網頁開發] 餐廳論壇
Cover of [後端][網頁開發] 廣志の記帳本.
[後端][網頁開發] 廣志の記帳本
Cover of [前端][網頁開發] 50 Projects in 50 Days.
[前端][網頁開發] 50 Projects in 50 Days
Cover of [前端][網頁開發] 電商結帳頁面.
[前端][網頁開發] 電商結帳頁面
Cover of [網頁開發] RGB to HEX 色碼轉換器.
[網頁開發] RGB to HEX 色碼轉換器