at7211 / midterm_myblog

Midterm project - my blog

1. 簡介 個人網頁 

2. 連結： https://github.com/at7211/midterm_myblog

3. 使用/操作方式：

4. npm install

5. 前端 npm run client

6. 後端 npm run server

7. 功能

   基本個人網站架構，後台系統做一半(目前有登入功能），之後會新增添加、編輯文章功能

8. 使用與參考之框架：

• 前端 react，後端 express，DB為 mongoDB。
• LazyLoadImage：讓載入圖片的過程更 smooth
• react-typewriter-hook：打字機效果
• 時間軸參考： https://codepen.io/knyttneve/pen/bgvmma/

6. 我的貢獻：

• 版面及大部分 css 手刻，時間軸的部分參考上面的連結去製作
• 後端目前很單純的只有接資料

7. 心得：

• 終於理解 promise 與 async 的應用
• 之前沒接觸過後端，經過 project 後總算對後端比較理解，只可惜時間不夠多寫更多相關功能
• 對 react 更加熟悉
• 花了不少心思在寫 css

---

5/22

• 添加 redux-form
• 添加登入功能，並有驗證碼