ShengShi

Introduction

• ShengShi website is a platform sharing redundant food to others.
• You could search redundant food and choose the one you would like to get.
• It provides QRcode to show exchange information of redundant food.

Website link

ShengShi website Link Click here

• You could sign up with email, FB or Google.
• Or login with FB or Google directly.
• Test Account:
  • User: mary@gmail.com
  • Password: 123456

Techniques

Front-End

• ReactJS/ Redux/ React Router
• styled-components
• Firebase
  • Authentication
  • Firestore Database
  • Storage
  • Hosting
  • Search with Algolia (extension)

Miscellaneous

• algoliasearch
• compressorjs
• dotenv
• google-map-react
• qrcode.react
• react-datetime-picker
• react-datetimerange-picker
• react-geocode
• react-google-autocomplete
• react-google-maps

Function Chart

Features

• Modify member data

  

• Add a share

  

• Edit a share

  

• Search and book a share

  

• Check out and change booked shares

  

• Scan a QR code to get exchange information

  

• Manage the registered share

  

• Check out the pie chart and badges

  

• Check out received shares. Post/Edit/Delete comments on shares.

  

• Check out collected shares and restaurants

  

• Check out and delete messages

  

• Search and check out restaurants

  

• Search and check out articles

  

Future features

• Restaurant owner could also add their redundant food
• Restaurant owner could add their information on 合作餐廳
• Add one's own articles feature

Contact

• Author: Peter Fan
• E-mail: akirapf3@gmail.com