[109-1] Web Programming Final

A service helps you to schedule your busy days

Group 55 schEdulE

Deployed: link

Demo: link

使用/操作方式 (伺服器端)

GitHub

git clone https://github.com/b08901039/WebProgramming-Final.git

In terminal

// for frontend
yarn 
yarn start

// for backend
cd server
node ./index.js

使用/操作方式 (使用者端)

Start Page

Login Page

Create Account Page

Main page

Add Layer and Event to your schedule

可設定要重複的次數

可決定圖層是否顯示

Profile

Add notes to your schedule 點選More可加入筆記

Save and Logout

使用與參考之框架/模組/原始碼

frontend

• react
• react-router-dom

backend

• express
• mongoose
• WebSocket

專題製作心得

• 傅譽:對github的使用很不熟悉，在檔案版本更新與上傳的時候出了非常多的問題，且heroku也有許多無法解決的bug。在處理多檔案的互相引用時，react state之間的轉換十分複雜。透過這次製作較大型程式專題的機會，也讓我更熟悉前後端的運作了。

• 黃曜廷: 在這次製作專題的過程中我對前後端又更了解，也學到很多第三方套件的用法。其中困擾我最久的問題是處理跨日的行程，對git指令不熟也讓我在和別人合併檔案時遇到很多問題，但是看到專題逐漸成形還是很有成就感。

• 郭尚睿:這次我主要是在學習如何使用ant design pro，由於其框架及使用到的套件都是我較陌生的，因此花了許多時間在研究umijs的專案架構，及一些相關套件的使用方式；而在最後deploy時，卻因為網路上相關資料較少，又不太熟悉而無法順利完成，有些可惜。

使用之第三方套件、框架、程式碼

frontend

• Ant Design
• Material-UI
• CKEditor
• React Scheduler