memory-word

一個可以用來記憶單字的SPA網站

緣由

會想做這個網站，主要是因為平常使用單字書背單字，會看到會的單字，及不會的單字，而會將不會的單字另外紀錄到notion中，非常麻煩，導致背單字效率低落。

所以創建一個網站，可以將單字做分類篩選的功能，並且可以重複將不會的單字進行複習，就可以增加背單字這個行為的效率。

核心功能

能對每個單字依造自己了解程度進行"熟"、"不熟"、"不會"的篩選、篩選後的單字可以在data中看到。也能夠在setting頁面使用CRUD功能。

前端技術

Vue3、Vite、Vue-Router、Scss、RWD

網站使用方式

step 1 進入網站

網站連結

step 2 點擊setting可以對單字進行增刪改

增加的單字會直接進入"我不會"的區塊
雙擊單字可以對單字進行編輯

step 3 回Home 點擊 start memory 開始測試

程式邏輯
1.測試時若對點選按鈕 "我會了" 單字將會被分類到data頁面熟悉區塊
2.測試時若對點選按鈕 "不熟" 單字將會被分類到data頁面不熟區塊
3.測試時若對點選按鈕 "我不會" 單字將會被分類到data頁面不會區塊
4.測試只會出現"不熟"及"我不會"區塊的單字，"我會了"區塊的單字將不會在測試中出現

step 4 測試結束後會跳回Home頁面，點擊Data，至Data頁面

Data頁面中可以看到測試後的結果，看看還有哪些不會、不熟的單字

若想要在本地執行

step1

git clone https://github.com/AlvinWang627/word-memory.git

step2

npm install

step3

npm run dev