為前後端完整的上線專案,客戶端使用 React class component 配合 Redux 建置,並以 Webpack 依照專案需求客製化打包程序。為確保在各裝置上都有最佳的瀏覽體驗,在版面上採用了 RWD 響應式設計,並以 Lazy Loading 實作無限捲動,避免因為同時載入大量圖片影響載入速度。
後端採用 Node.js 環境,搭配 Express 框架搭建伺服器,藉由 Mongoose 串接 MongoDB 以完成前端的 Ajax 請求交換 Json 資料,並以 Handlebar 搭配 Bootstrap 實作伺服器端渲染的後台系統,在瀏覽器將照片壓縮後再進行照片檔案上傳。