練球菜單網站 - Practice-list

介紹：

這是給系/校隊或是習慣有計畫的運動員使用的運動菜單網站，藉由已訂好的項目來安排菜單，可以給運動員快速安排菜單，也避免系校隊在交替隊長時遺失一些合適的練習項目。 

前後端皆是自己獨立完成的，必須要自己思考資料結構、使用者故事、設計UI、設定前後端之間的資料傳遞、想像使用者可能的操作並避免可能發生的bug，盡可能提升使用者良好的體驗，是一個非常需要注重細節的專案。

特點：

1. 前端、後端 / 資料庫、UI / UX 皆為自己構想並建置。
2. React版本有搭配 TypeScript 進行開發。
3. 一開始是為了給認識的球隊學妹使用，但因為有登入、CRUD 和串接 API，後來則主要當作框架練習的專案，同時也作為審視自己作為工程師以來進步多少的依據。
4. 未來如果有新的想法，會增加新功能 (也歡迎告訴我可以加什麼功能 XD)。

測試帳號

帳號：[email protected] / 密碼：user1

帳號：[email protected] / 密碼：user2

帳號：[email protected] / 密碼：user3

專案連結：

網站連結 (Vue2) / 網站連結 (React)

前端 github(Vue2) / 前端 github (React) / 後端 github

回顧紀錄 (Vue2 & 後端)

使用技術/工具： 

1. 前端(Vue)：Vue2、Vuex、Vue Router、SCSS、Sweetalert2、vue-loading-overlay
2. 前端(React)：React18、React Router、Redux、TypeScript、Styled-components、SweetAlert、Formik & Yup、react-sortablejs
3. 後端：Node.js /Express、MySQL / mysql2、ORM / Sequelize、Passport、bcryptjs、imgur-node-api