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.
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
For News Articles:
-
Articles display in a prominent gallery that scrolls on left or right arrow click
-
Add Sortable & Droppable features: "Multiple Containers" and "Transformed" to save articles in a gallery
-
Add category dropdown plus searchable input to access more stories.
For Buddy Feature:
-
Add unique quotes for each News Buddy
-
Generate glorious name and allow user to accept or create their own
-
Create a timer function where Buddy retrieves a random story suggested for user from a positive perspective.
Khaylla Hite KayWhyLA Christopher Roberts RobertsChris44 Amanda Perry BeKind-Rewind
https://bekind-rewind.github.io/news-buddy/
https://docs.google.com/presentation/d/1ToN33fX9Wn6oAqhg4hi0vT7Y4AqVQS8f_hqfg8tio-s/edit?usp=sharing