開發動機

A wedding is one of the biggest things in life. We wanted to make it special and show our traits.
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

圖片

demodemodemodemodemodemodemodemodemodemodemodemodemodemodemodemodemo