Skip to content

gary60405/TypingHero

Repository files navigation

Typing Hero(快打動物園)

Demo

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