We were inspired to do this project because of our own personal experiences at school. Throughout quarantine, we faced issues with communicating and collaborating with group members on at home projects. For this Hackathon, we decided to remedy these problems and try to solve them with our own web application. Our final product combined lots of work, but we feel like it offers a solid solution to the problem at hand and we're proud of the final product.
What it does
Our web app allows students to collaborate with each other and talk with discussions and a chat room. The discussion area allows students to go into the subject they need help with and put out an announcement. In addition, students can collaborate with a chat and by logging in, they can join a room where they talk to other users. Collabospace allows people to work together and collaborate!
How we built it
We built this project with Angular and Node JS. We utilized the two to make up the front-end and backend. Combined we have a functional full-stack web app that allows students to communicate properly. For front end, we used HTML to create the skeleton. We used CSS to give the web app style and made everything flow properly. We used angular to componentize our front-end code, making easy to reusable pieces of front end code to streamline our development process. We used Node.js to build our backend that we authenticated with JWT tokens. We also create a REST API and Chatroom using Node.js.
Challenges we ran into
Throughout the creation of our project we met many front-end challenges. Since none of us were fluent in CSS, creating custom styles for our front end proved to be quite the challenge, but through proper Collaboration (wink) we managed to figure it out. We also ran into many troubles when using Angular. Our knowledge on angular was very primitive, so we had to learn different functionalities on fly such as routing and interacting between components.
Accomplishments that we're proud of
This was our first fully functional web app, using all aspects of a full stack. We're really proud of our advanced functionalities, such as use of databases and interacting users through socket.io.
What we learned
We learned a lot about the beauty of web development and how with the help of team work we can make a truly high functioning product.
What's next for Collabospace
We plan to continue our developing this project and eventually make it a full scale application that supports students in need worldwide.