a blogger with fashion magazine style website.
【MagaFine】定位為時尚雜誌風格的網頁,具備文章搜尋、標籤查詢、使用者註冊登入、文章按讚功能。
以React + Node.js及SCSS和JS製作網頁主體,採用RWD支援手機、電腦版使用者,後臺資料使用MongoDB進行管理,API採用RESTful API風格,制定符合CRUD功能的API。
*另有C#版本請參考c_sharp_magaFine
- 是一種javaScript函式庫,使用JSX(JavaScript和XML)的HTML-in-JavaScript語法,使得撰寫者可以更直觀的方式理解整個程式碼的運作方式,並有效提高撰寫效率。
- CSS Preprocessor(CSS 預處理器)是用來撰寫網頁樣式的語言,編譯後再提供網頁使用。採用程式模組化支援變數設定、巢狀結構等,減少重複性撰寫、改善閱讀性、管理性與擴充彈性高等優點。
- 是一種非關聯式資料庫(NoSQL),可儲存非結構化資料 (unstructured data) 如影片、圖片、文檔等,因此相較關聯式資料庫保有更高彈性的擴充性,缺點是占用比較多空間。
- 在Web Service中使用REST概念實作出來的API簡稱為RESTful API,REST (Representational State Transfer)意思是「表現層狀態轉換」,一種設計風格,使用HTTP的協定完整定義Web Service在HTTP Request的各種流程如CRUD行為。
首頁 | 載入畫面 | 搜尋框 |
下拉式選單 | 文章頁面 | 作者頁面 |
登入畫面 | 註冊畫面 | 文章編輯頁面 |
使用DMBL設計資料表結構 Use DBML to define my database structure