Skip to content

gary60405/TypingHero

Folders and files

NameName
Last commit message
Last commit date

Latest commit

cbfacc5 · Sep 11, 2021

History

13 Commits
Sep 11, 2021
Sep 7, 2017
Sep 11, 2021
Sep 7, 2017
Oct 17, 2017
Oct 20, 2017
Aug 10, 2021
Sep 7, 2017
Aug 10, 2021
Sep 11, 2021
Sep 11, 2021
Sep 7, 2017
Sep 11, 2021
Aug 10, 2021

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