run26kimo / math-exercise

數學練習小程式

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

數學練習小程式

小學二年級的女兒學到乘法時,隨手寫的練習程式。
由於工作關係,三年多沒碰前端,順便練習寫一下 ReactJS;這是我第一次寫 ReactJS,寫得不好的地方請多指教。

數學練習小程式

本機開發

本程式是用 ReactJS 寫的,有興趣開發的話,可以先安裝 Node.js
安裝完 Node.js 後,在專案根目錄執行:

# 首次啟動專案,需先還原 npm 相依套件
npm install

# 啟動本機開發
npm start

透過瀏覽器 http://localhost:3000 打開。

更新內容

  • 2021/01
    • 舒爾特方格表
    • 填充題作答方式
  • 2020/12
    • 首發 9 x 9 乘法練習
    • 新增 19 x 19 乘法練習
    • 新增加法練習
    • 新增減法練習
    • 新增時鐘練習

更新計畫

之後會隨著女兒及兒子的課業內容不定期更新,如果有改善建議歡迎在下面留言處跟我說。
或是有能力開發的人,也歡迎發 MR 給我,底下有 GitHub 連結。

操作截圖

由左到右為:

  • 主選單畫面
  • 9 x 9 乘法選單畫面
  • 9 x 9 乘法選擇題作答畫面

數學練習小程式 - 主選單畫面

由左到右為:

  • 9 x 9 乘法作答逾時畫面
  • 9 x 9 乘法填充題作答畫面
  • 9 x 9 乘法作答完成畫面

數學練習小程式 - 作答畫面及作答完成畫面

由左到右為:

  • 5 x 5 舒爾特方格表畫面
  • 時鐘練習作答畫面
  • 時鐘練習作答完成畫面

數學練習小程式 - 時間作答畫面

About

數學練習小程式

License:MIT License


Languages

Language:JavaScript 80.4%Language:CSS 16.7%Language:HTML 2.9%