COLLABORATIVE SHOPPING FOR E-COMMERCE

With “ColabShop” we aim to stimulate this participation of peers, bringing in new features providing a collaborative shopping experience with your family or friends.

With ColabShop, the main screen is divided into 3:1 ratio: inventory items and other chat box thereby making it easy to surf options as well as chat. This particular side chat would be associated with one or more groups, one can add people you want to shop together within the group.

Languages used:

Frontend : Reactjs

Backend: Firebase

FrontEnd:

• Login Page : To sign into ColabShop Google Email authentication is integrated.

• Products

  This component contains a set of various items to be shared and discussed among friends and family.

  • Add to Wishlist: This button adds the current product to any particular group wishlist and your private wishlist.
    • GroupWishlist
    • PrivateWishlist
  • Share in your groups: This button helps to recommend and discuss
    • Preview the item shared on the group

• Chatbox

  • GroupChat
  • PrivateChat

Firebase:

• Firebase is a Backend-as-a-Service (Baas). It help in the easy storing and retrieval of dynamic content.

1.Sign in :

2.Home Page

3.Group Chat and Private Chat

Group Chat

Private Chat

4.Group Wishlist and Private Wishlist

Group Wishlist

Private Wishlist

5.Sharing and Adding Suggestions for an item either in groups or in private chat

Future Improvements :

1. Adding a recommendation system
2. Polling for different items to get the opinion of friends.

Contributors :

1.

2.

References :

1. Cloud Firestore | Firebase
2. Components
3. Get realtime updates with Cloud Firestore | Firebase