Inspiration

We realised that many platforms offers a group buy function to incentivise people to buy more, as well as for added convenience. One example would be Grabfood's group order. We reimagined the implementation of a group buy function in the TikTok shop to encourage users to order with friends and family.

What it does

We have come up with a group buy feature, GroupCart, which allows users to share a link to invite members, such as their friends or family, to a group cart. Each member would be able to add items, and the host would then confirm the order. Upon completion of the order, the host would be able to see the order summary, which displays each person's order and subtotal, for ease of splitting the cost later on.

How we built it

We initially used Figma to create an initial design of how we want the feature to look like. Once we were done, we built the interface of our feature with HTML, CSS with Bootstrap, and Javascript. We did not use a database, and instead used arrays with placeholder values to give a rough overview of how the feature would function.

Challenges we ran into

The first challenge we faced was getting everyone to connect to the GitHub repository and being able to commit, push and pull our code without issues. However, once we overcame this problem, we were able to make quick progress on our work. Aside from that, time was also a big challenge that we ran into. We had a lot of difficulty coding the design from Figma to fully dynamic webpage and it required lots of time from our end to code and debug which was not ideal since we were in a time constraint.

Accomplishments that we're proud of

We are proud of the idea and design of our feature, and being able to materialise it into an (almost) functioning prototype.

What we learned

We learnt how to set up a repository on GitHub and link to a virtual codespace using our machines, allowing us to effectively work on the project at the same time and make edits on different branches. It is a very useful skill that we can apply in the future as we work on more complex and larger-scale projects. We also gained experience in applying our knowledge and skills into a project with real-world context and make th.

What's next for GroupCart

We are exploring the possibility of implementing a group chat function for GroupCart, where members in the group buy are able to communicate with one another, making the ordering process a smooth and enjoyable journey. Members in the GroupCart are able to recommend and share items that they find may be of interest to their peers, as well as alert one another during flash sales or when discounts pop up.

Built With

Share this project:

Updates