Authors

Inspiration

Newsdeck is an interface like Tweetdeck (a Twitter client) for managing news outlets. We found that any given news article by itself has an annoying one-page scroll and that there are too many news outlets for us to follow.

What it does

NewsDeck is a personal dashboard for the management of news publishers. It offers a convenient experience by allowing the user to view multiple news articles in one easy interface in real-time. The dashboard is made up of columns. Each column is a subscription of either a country, news publisher or topic which will display previous of the latest news articles of that subscription!

How we built it

The frontend is built in React.JS and the backend is built in Express.JS, making heavy use of the News API service. We made use of Cloud Firestore and Firebase authentication services on Google Cloud to work with user data. The backend is deployed on an Oracle Cloud Infrastructure Linux VM instance, and the frontend will be deployed on Heroku.

Challenges we ran into

Deploying the backend onto a Oracle Cloud Infrastructure instance and implementing a drag and drop UI on the React library was exceedingly tricky. At first, we had to try several times to find an Oracle Cloud instance that was available for us before we could create it. We then had to figure out how to set up Node binaries, git, ssh keys, and firewall rules so we could actually deploy on that instance. When we were trying to connect the backend to the frontend, we also had to debug problems parsing the JSON requests and responses.

Accomplishments that we're proud of/What we learned

We learned a lot more about leveraging 3rd party DevOps platforms and gluing components together to build a cohesive app. We also felt that each of us improved our prowess in full-stack development substantially.

What's next for NewsDeck

We hope to continue development on NewsDeck by improving the user interface and deploy the frontend to Heroku, like we mentioned.

Try It out

Hackathons

Technologies

firebase, google-cloud, oracle, react, react-beautiful-dnd, semantic-ui-react

Devpost Software Identifier

255036