Workplace Broadcast

Inspiration

Inspired by data dashboards, news channels, and SharePoint, we aim to create an online fun news board to help remote workers stay connected to the "interesting" side of their workplace.

What it does

This web application pulls data from the company's Twitter page, Discord server, and shared Google calendar to capture any announcement about hangouts, fun challenges, and/or engagement events from HR. There is also a section dedicated to memes so that people can share some funny memes with their co-workers.

How we built it

We built the website from scratch using React.js and used Material UI for any CSS-related elements. For backend, we used Express.js for REST API, and some supporting libraries to connect to Discord and Twitter.

Challenges we ran into

The biggest challenge for us is the front-end because no one in our team is experienced with using React.js for the front-end. It took us around 8 hours to build front-end frame. As for the backend, we also had lots of trouble connecting to third-party APIs due to them being propriety solutions.

Accomplishments that we're proud of

We are proud of being able to stay up for 24 hours and complete this project on time. We think that 24 hours is a bit short for a hackathon, and we are glad that we have reached the finish line.

What we learned

We learned more about web development, especially UI designs with React.js, and how to pull data from third-party APIs. We have now realized the challenge of connecting with proprietary applications. This is also our first time using Material UI, and we are glad to be able to learn it in such a short period of time.