nusmu(029)

• 

  Regsitration page, user needs to provide a school email account

• 

  User can select their interested topic, and the rooms with these topic will be prioritised in our system will sorted

• 

  login page

• 

  User can choose a room to join at lobby page

• 

  User can create a new Room, either public or private

• 

  User will be quickly placed into a room with "open" tag for the choosen topic, so he/she can make new friends

• 

  User can meet and chat with their friends in the room

• 

  User can tips the participants in the room by buying them a star if they find the person helpful

• 

  User can have an overview of the their statistic such as hours spend on study

• 

  User can see the ranking among their friends

• 

  User can update their basic info, view the coins they have

• 

  a page to provide the user with tips about our application

Inspiration

During this covid time, people could hardly meet, especially university students who are supposed to be on campus and mingle with the youngsters but forced to stay at home. We want to build something that could not only allow them to socialize but also cater to their education needs. Also, we are inspired by codecrunch which have a leaderboard system that motivates students to compete with each other and study harder, as well as seeing people using zoom as a virtual self-studying rooms and studied along with people they do not know which seems increase their productivity.

What it does

It is an online study room platform that supports conference, chat, add friends and leaderboard, data analysis integrated with reward and level system.

How we built it

We split our tasks, each person takes their speciality. For example, Gangwei and Yichao are our backend developers, Beining is our frontend developer and Jiayue is responsible for documentation and publicity. We fully utilized online resources such as Ant Design, Daily REST API and next.js and vercel fast deployment of web app.

Challenges we ran into

We planned quite a number of features for the app. However, the time is really limited for us to implement them all. We used third party plugins and APIs for our web app. Halfway through the development, we found that some protocols between the tech stack were in conflict, which made the customization of the third party ui a lot harder than we expected. We exploited different method and ways to work around it which delivers the product we have now.

Accomplishments that we're proud of

we managed to connect to an API which provides the video chatting function for our application

What we learned

For some of us, we learned new tech stacks that we have never used before. We strengthend our familiarity with reactjs and nextjs which is quite vital in the frontend development in the industry these days. We learned to use third party video chat plugins together with the details of the WebRTC. We learned to collaborate as a team and distribute works so that the project can be finished perfectly and in time.

What's next for nusmu(029)

due to the time constrain, we did not manage to build a backend for this application, given more time, we could have build a backend.

Built With

• antdesign
• daily-rest-api
• next.js
• react.js
• vercel