文章上傳網站

利用 ReactJS Bootstrap MongoDB NodeJS express 完成RWD響應式的動態網站

如何開始

分為Frontend與Backend前後端網站

1. cd至Frontend資料夾
2. terminal 執行 : npm install
3. terminal 執行 : npm start
4. cd至Backend資料夾
5. terminal 執行 : npm install
6. terminal 執行 : npm start

專案介紹:前端

利用ReactJS創造組件
javascript ES6 語法
async/await 搭配 try/catch 方便程式碼維護 串接後端api
wepack.config.js設計proxy 避免CORS機制阻擋
wepack.config.js與.babelrc 設計打包設定黨 Bootstrap grid and breakpoint 應用
Effect Hook 與State Hook 渲染機制應用
利用Session 與Cookie 機制實現保存使用者狀態之登入功能
帳號密碼送出前正則表達式檢查運用
SHA-3密碼加密運用

專案介紹:後端

利用express 與中間件處理前端API
MongoDB串接API達到回應前端請求之CRUD功能實現
函數式編成運用
Restful api 運用

專案介紹:學習感想

在2022/4/25開始學習JS REACT NODEJS
2022/6 至2022/7 完成此小型專案
從程式架構到設計從零開始構思
工具的選用也是透過網路上資料去權衡
一切從零開始而不是模仿並套用任何線上教學
程式設計 > 程式撰寫 > 發生錯誤 > 剖析錯誤 > 改正錯誤
讓我具有獨立開發及解決問題的能力
有自信的說出我了解我自己的程式碼 同時也知道程式碼所需要完善的部分 譬如該更有design pattern 的概念 並持續完善自己的程式碼