Typing Hero(快打動物園)

Demo

https://gary60405.github.io/TypingHero/

About

有感於小學資訊教育的城鄉差距，同樣都是三年級的學童，有人已經會自己找遊戲玩，有人卻是第一次碰鍵盤，非市區學童對英文介面，普遍接受度都不高，國外的英打練習雖然精緻，但英文的介面容易造成認知的負荷，現行常見的中文資源都是較早期開源的貢獻，但過時的技術與介面，已經無法滿足現在小孩對使用者體驗的要求，導致學童很快就會失去耐性，因此我想試著為這個窘境帶來一點改變。

Introduction

這是一款快打高手的遊戲，透過可愛的動物作為包裝，引發學童想玩的興致，再導入即時排行榜的功能，讓「玩」這件事情，可以透過同儕之間的好勝心而得以延續到課堂之後。

Tech Stack

• 前端：Angular4

• 後端：Firebase

• UI框架：PrimeNG、Bootstrap4

Run

將整個專案Clone下來

git clone https://github.com/gary60405/TypingHero.git

進入目錄

cd TypingHero

安裝相依套件

yarn install

開啟本地端網頁

ng serve --open