eatyourpi

Inspiration

When I write essays I need to source and site my points and arguments from many different news. And often times it gets messy when multiple tabs are opened, so I've decided to create eatyourpi website to help students to not only get news sites/sources easier, but also give them news sites that are trust-worthy and hopefully unbiased.

What it does

The website fetches top 9 recent news from 80+ news source. I used NewsApi to help with the fetching. When you choose one news source for example the bbc. The website will auto recommend you the most recent 9 articles. Those articles will have a title, a short description, date and author. Giving the user information about the article helping them to make better choices when choosing which article to site and read.

On the left hand side, there will be a small info box briefly introducing the news source they chose, the country and the category of the news.

How I built it

I used React JS (a javascript library) to program the whole website. I used bootstrap css to help me with the styling and simple html to have a bare bone for eatyourpi website.

Challenges I ran into

One of the main challenges I faced was time, because I joined the competition late and had to do a lot of catching up. Also, I'm not that familiar with APIs, so over the challenge I watched a lot of youtube videos to build up my understanding.

Accomplishments that I'm proud of

I'm really proud of the outcome, although there is still a lot of errors such as when the article doesn't have an image. But overall I'm really proud I've completed the first version of this website, especially when it fetches news real time from 80+ news site.

What I learned

I learned how to use Open source materials especially when time is running low. I also gained a deeper understanding in Api's calls.

What's next for eatyourpi

The next step for eatyourpi would be to have a input box where users can type in their essay title and the system will get keywords and return top 5 recommendations that will be the right fit for the essay based on the title. And in the future, I hope to add a reference section so for each of the news source it will return a short text that the user can put in their bibliography.

Built With

• css
• html
• javascript
• newsapi
• react
• react-bootstrap