/news-buddy

Front-end application (web APIs) Displays and updates top new articles from NYTimes while generating a "buddy" to provide positive vibes or even a smile!

Primary LanguageJavaScript

News Buddy

We created an app where users can search current top news articles and stories from the New York Times. With the overwhelming majority of news stories recently having a negative impact on our stress levels and mental health in general, our app provides a little levity by inviting users to "click" to retrieve a News Buddy - a.k.a a random doggo (img) - that will help bring that seratonin and hopefully a smile to our users faces.

Users can see and retrieve their previous article searches for future reference.

Technology

The Web APIs used were NewYorkTimes and RandomDogPic.

We used HTML, Tailwindcss, JavaScript to dynamically add elements and interact with the APIs.

More on how to utilize TailwindsCSS: https://tailwindcss.com/docs/installation

Future features

For News Articles:

  1. Articles display in a prominent gallery that scrolls on left or right arrow click

  2. Add Sortable & Droppable features: "Multiple Containers" and "Transformed" to save articles in a gallery

  3. Add category dropdown plus searchable input to access more stories.

For Buddy Feature:

  1. Add unique quotes for each News Buddy

  2. Generate glorious name and allow user to accept or create their own

  3. Create a timer function where Buddy retrieves a random story suggested for user from a positive perspective.

Collaborators

Khaylla Hite KayWhyLA Christopher Roberts RobertsChris44 Amanda Perry BeKind-Rewind

Deployed URL

https://bekind-rewind.github.io/news-buddy/

Screen Shots

News Buddy News Articles

PowerPoint

https://docs.google.com/presentation/d/1ToN33fX9Wn6oAqhg4hi0vT7Y4AqVQS8f_hqfg8tio-s/edit?usp=sharing

Perry Portfolio

https://github.com/BeKind-Rewind/perry_folio