一個可以用來記憶單字的SPA網站
會想做這個網站,主要是因為平常使用單字書背單字,會看到會的單字,及不會的單字,而會將不會的單字另外紀錄到notion中,非常麻煩,導致背單字效率低落。
所以創建一個網站,可以將單字做分類篩選的功能,並且可以重複將不會的單字進行複習,就可以增加背單字這個行為的效率。
能對每個單字依造自己了解程度進行"熟"、"不熟"、"不會"的篩選、篩選後的單字可以在data中看到。也能夠在setting頁面使用CRUD功能。
Vue3、Vite、Vue-Router、Scss、RWD
增加的單字會直接進入"我不會"的區塊
雙擊單字可以對單字進行編輯
程式邏輯
1.測試時若對點選按鈕 "我會了" 單字將會被分類到data頁面熟悉區塊
2.測試時若對點選按鈕 "不熟" 單字將會被分類到data頁面不熟區塊
3.測試時若對點選按鈕 "我不會" 單字將會被分類到data頁面不會區塊
4.測試只會出現"不熟"及"我不會"區塊的單字,"我會了"區塊的單字將不會在測試中出現
Data頁面中可以看到測試後的結果,看看還有哪些不會、不熟的單字
git clone https://github.com/AlvinWang627/word-memory.git
npm install
npm run dev