0(n^n) - NTU stars swapper

• 

  System Architecture Diagram

Inspiration

I saw websites that allow users to plan their NTU courses as well as a telegram chat that allow users to swap courses. However I feel that the chat is too messy and users could find it hard to find the index they want.

What it does

Our webapp allows users to post, edit and delete posts on the index swap. They can also message the other users using the posts or in the chat page.

How we built it

We used express, node.js as well as supabase for backend, react, bootstrap as well as tailwind for frontend and finally, we used socket.io for real time updates for our chat server. We also implemented some APIs such as Google Oauth which allows authentication using Google as well as perspective API which I found online, to detect toxic text.

Challenges we ran into

As we build our full stack, before implementing the socket.io, I feel that it was hard to edit the code to integrate the socket.io, as it was something new. Also there were times, where due to insufficient planning, we had to change a lot of code.

Accomplishments that we're proud of

We successfully integrated socket.io, which allow for real time updates, where our chat servers are relatively smooth and have relatively low latency.

What we learned

We learnt full stack, as well as the architecture of it. Also, we learnt on docker and how to use it to containerize it, which is useful for production.

Built With

• docker
• express.js
• google-gmail-oauth
• javascript
• perspectiveapi
• react
• supabase
• tailwind