Globe AI

Inspiration

We were inspired by the lack of information about world events and peoples' inability to find news that would make them more informed.

What it does

The web app allows you to use an interactable globe, along with relevant categories to find the most important news articles from whatever country you click on.

How we built it

We used React to design the frontend including using the tailwind css framework to generate an ideal user experience. We used the Open AI API to communicate with chatgpt to generate the briefing and used the News API to get the relevant news in each country and the GlobeGL api to generate an interactive globe.

Challenges we ran into

We experienced issues in integrating our API calls with React. Additionally we commonly experienced issues running out of API requests for our free trials for each of the APIs we used. We also had issues with formatting the output but we were able to overcome all of those by reading up on documentation and using our prior knowledge in web development.

Accomplishments that we're proud of

We are proud of debugging our API related issues, especially with fixing our issue with communicating with OpenAI. Additionally, a few of us were completely new to Javascript and node but we were able to create a working product quickly, so we are proud of those members for working hard in a new environment.

What we learned

We learned how to build a web application as a team, including designating roles between devlopers. Additionally, we learned how powerful peer code review was as it saved us a lot of time in debugging.

What's next for Globe AI

We want to support more countries in our project and implement a webscraper that gets the text from the article and prompt chatgpt better for summarizations. We also want to develop a way for GPT to detect the sentiment of the article and have a "Good News" score as part of our briefing.

Built With

• chatgpt
• github
• javascript
• llm
• node.js
• openai
• react
• webgl