Inspiration
I sort of came up with the project during the hackathon itself. I wanted to create something that would be feasible within 24 hours while using AI but still possible regarding the languages I currently understand. In the end, I thought that this would be a good first project to implement AI.
What it does
This application is sorted into multiple categories(business, tech, entertainment,etc) and provides the most popular articles from multiple news sources. It is also able to generate a sentimental analysis for the respective article as well as have an AI read the description/title.
How we built it
I used an HTML file to construct the skeleton and basic layout of my code while using css elements to style it. In the javascript file, I continuously added containers(divs) to the HTML in order to generate the news articles consecutively. I also implemented a sentimental analysis algorithm that counts the amount of strong and moderate positive/negative factors along with intensifiers to get a potentially better reading. Finally, I used the free web speech AI to voice over the description of the articles by creating a function that sends the speech request for the description + title.
Challenges we ran into
I initially wanted to use OpenAI to generate a summary for me instead of having a sentimental analysis factor. However, I ran into problems with the logistics of the overall code, and it didn't work out at then end of the day, which prompted me to switch the code up. I also ran into trouble with the sentimental analysis part since I was unsure of what approach I wanted to take in regards to creating the algorithm.
Accomplishments that we're proud of
This is the first frontend application I created the effectively uses AI, and I feel like it would be a great project to build on in the future.
What we learned
I learned how to incorporate a voice assistant using code along with creating a strong sentimental analysis for a given text. Furthermore, I also learned a couple of new properties in css such as ease and z-index.
What's next for News-Hub
I plan to use OpenAI to generate custom summaries of the article to the point where it can function like a chatbot and anwser basic questions about the source, similar to how Copilot on VSCode generates some advice to assist us.
Log in or sign up for Devpost to join the conversation.