開發動機
I designed this multifunctional website which is filled with sweet vibes.
開發方法
-
Frontend
Using the NextJS to develop, and the MobX replaced the Redux to handle the state.
-
Admin
Using the Ant Design strong component to develop the whole system.
-
Backend
Using Express and MongoDB to develop.
Using Sharp to process and compress photos, uploading them to the Google Cloud Storage.
功能介紹
-
Message board
The message board can let our families and friends write the bless message, and we show messages crawl on the carousel photos at the wedding.
-
Questionnaire
In contrast to rigid Google Forms, we provide our own personalized and stylish questionnaire.
The data statistics will be shown on the admin which also outputs lists as excel. -
Footprint and Timeline
It is not just an ordinary album! Combining map and timeline, these photos bring people back to the special moments!
-
Admin
The groom and bride can use admin to upload our photos, view messages, read questionnaire statistics and output lists as excel.
開發工具
React
TypeScript
NextJS
MobX
styled-components
Express
MongoDB
Sharp
GCP Storage
Leaflet
Ant Design
圖片
















