Atlas

Atlas, a new innovative way to browse the news that matters to you. Atlas delivers a new intuitive UI that sets itself apart from competitors by being easier to navigate the news.

Comment 1

Inspiration

In the most recent months, there has been a lot of news going around the world from BLM movements, news about COVID-19, to news about Chinese Concentration Camps. It is quite easy to admit that most individuals are having a hard time keeping track of everything happening around the world.

What it does

Atlas, a revolutionary way to browse news that matters to you. Atlas uses a map that pinpoints the geographic location of an event rather than traditional means such as categories or relevance. This visual UI is the best way for uses to pinpoint the stories that truly matter to them.

How we built it

For this project, we developed the front end with HTML, CSS, and Javascript as well as the open layers map library. What the open layers map library allowed us to do was create an interactive map object of the entire globe as well as mark coordinates on the map with certain icons known as features. Each feature has a bunch of properties that we were able to set such as coordinates, anchor points, and size, as well as some of our own, such as article titles and descriptions. Using javascript we were able to make a pop-up appear when a user clicks on a specific event or icon which displays the corresponding news article.

Challenges we ran into

  • Creating an aesthetically pleasing video that conveys all the information
  • Implementing all the features we wanted within the time allotted

Accomplishments that we're proud of

  • Implementing most of the features we intended on having
  • Completing a video that displays our program

What we learned

YouTube tutorials are very helpful!

What's next for Atlas

  • Implementing a news API that pinpoints specific geographic locations on the map
  • Implementing a backend that would allow APIs to be fully utilized

Built With

Share this project:

Updates