Live News Feed

Useful Information I Utilized to Host a Server
Client Side News App Code
Server Side News App Code
Unformatted Information
Complete News App

Inspiration:

I was inspired by several different news websites and projects, such as Apple's News app and Google News. However, they don't update in real-time, so I wanted to try and create a news feed that updates to show the latest news every 2 minutes.

What it does:

The webpage (http://69.115.98.170:3000/ or http://192.168.4.24:3000/) shows a live global news feed consisting of 10 articles, the link to the actual article, a title, an author, a timestamp, and an image. This allows for an easy overview or skim of all the articles shown, and also the ability to read more in-depth information about an interesting headline.

How we built it

I used a news API to gather information about global news. It provided me with the real-time updates I needed to make the project work. I also used a pusher API to push information across platforms which allowed me to create the webpage in HTML. I used Reactide (which allows the use of Javascript in combination with HTML) to format all the information and push it to my local server which hosts the webpage.

Challenges we ran into

Because I was running an older machine, some of the technologies I needed to be able to host the server had to be reinstalled, updated, or simply not functioning. However, I was able to fix and update everything and the server is now able to be run.

Accomplishments that we're proud of

I learned how to use HTML in conjunction with Javascript (which was pretty simple) and I learned how to use a React framework. The React framework doesn't have a lot of the same commands that a regular Javascript platform has, so I had to learn to work around that to get my project up and running. I also did this with minimal help, which made me proud to do something on my own.

What we learned

I learned how to use a pusher API and how to use Reactide. I also learned a lot of system-related commands and information that will be useful the next time I create something like this. I also learned how to push the information to an IP address instead of a local address, which was a lot more time-consuming than it appeared.

What's next for Live News Feed

I hope to expand on this project in the future and maybe add more useful features, such as combining an already-created calculator and game to make a control center/hub. I also want to learn how to create a simple search engine, because I have a lot of the information and knowledge I need to create one.