GithubHelp home page GithubHelp logo

ahmad-magdy-osman / heatedworld Goto Github PK

View Code? Open in Web Editor NEW
4.0 3.0 2.0 92.9 MB

:world_map: Interactive Live World News Heat Map with Natural Language Processing, Summaries, and Reddit Discussions :newspaper:

License: MIT License

Python 1.76% HTML 1.02% CSS 0.24% JavaScript 96.98%
news heatmap python3 javascript reddit d3js heatmaps nlp summarization reddit-api

heatedworld's Introduction

๐Ÿ—บ๏ธ Heated World ๐Ÿ“ฐ

Heated World is the news aggregator you've always needed but never knew you do. This web app, simply put, fetches the top 160 upvoted headlines from Reddit, parses the articles, extract countries from said articles, does NLP summarization of the articles, do some weighing calculations, and then heat an interactive world map based on the weighted values for each headline. The heat map is interactive showing you articles per country with their thumbnails, summaries, and reddit discussion stats and links, all ordered by the weigh of their importance and their relative date to today. In short, Heated World is an Interactive Live World News Heat Map with Natural Language Processing, Summaries, and Reddit Discussions ๐Ÿ˜Ž.

One of the reasons I love Reddit is that it feels like a place for everybody โ€“ a place for the citizens of the world. It is amusing, and at the same time very informative. Over the past few years I have drifted away from Facebook and its alike to Reddit. I spend most of free my time on it, either surfing my feed or visiting subreddits of my interest. Millions browse Reddit everyday, either to submit new content to their favorite subreddits, or to contribute in discussions and/or upvote content. This, for me, is a form of natural selection. Good, important, and interesting content live by getting upvoted and being discussed, causing that content to trend, while the useless content gets lost in the process. The World News subreddit is a great example of a subreddit that I am always browsing. I first knew of the Facebookโ€“Cambridge Analytica data scandal via that subreddit, and I believe that it was one of the accelerators that caused the spread of information about said scandel. In my view, the World News subreddit is one of the most important news aggregators ever. It is filtered by humans for humans, not just as in how many times a headline was visited, but rather as in how many times has it been upvoted and how many comments and discussions does it have.

With that in mind, I am more of a visual person, and having the news visualized on the World Map, telling me where are the news and what places are heated, and being able to locate news by clicking on countries, seemed like something I am always missing. Besides that, I usually do not have time to read the articles beyond just the headlines, so also a way to summarize article contents seemed crucial. From there, I decided to start Heated World, The World News Aggregator That You Always Needed, to fill in the gaps for all those missing features I have always needed.

Table of Content ๐Ÿ“˜

Features โœจ ๐Ÿ˜Ž

Currently, Heated World supports the following:

  • Fetching Headlines from Reddit's r/WorldNews
    • Top 40 articles in the last 24 hours
    • Top 120 articles in the last 7 days
    • Number of articles for both categories can be changed in heatedworld.py within the fetch function argument.
  • Downloading Headlines' Articles and Summarizes them.
  • Extracting Geographical Context
    • Leverages Elastic Search in Finding Countries from the Articles' Content.
  • Build multipe CSV and JSON files while processing the data.
    • Build Countries Map with Related Headlines and Calculated Weighing Values.
  • Building Heat Map

๐Ÿ“ท Demo and Screenshots ๐Ÿ“น

Heated World Heated World
Main #1 Main #2
Heatmap #1 Heatmap #2
Articles #1 Articles #2
Articles #4 Articles #4

Demo

Usage ๐ŸŽฎ

This web app is written in Python 3.6 using Flask Web Framework. Heat Map is generated using JS, D3.js, and Datamaps. Frontend uses Bootstrap Framework. Docker and Elasticsearch are used to extract Geographical context - you will need, as instructed below, to have Geonames gazetteer running in Elasticsearch for Mordecai to be able to successfully extract geographical context. JSON and CSV data formats are used, too.

Cloning and Virtual Environment

Make sure you have Python 3.6 installed.

  • git clone https://github.com/Ahmad-Magdy-Osman/HeatedWorld.git
  • cd HeatedWorld
  • python3.6 -m venv venv
  • source venv/bin/active
  • You might want to update pip using python-3.6 -m pip --upgrade pip
  • Install requirements with python3.6 -m pip install -r requirements.txt

Running Mordecai Prerequisites

This step is essential before running the web app.

  • Install Docker and Elasticsearch
  • Download the required spaCy NLP model using python3.6 -m spacy download en_core_web_lg
  • mkdir others
  • cd others
  • docker pull elasticsearch:5.5.2
  • wget https://s3.amazonaws.com/ahalterman-geo/geonames_index.tar.gz --output-file=wget_log.txt
  • tar -xzf geonames_index.tar.gz
  • docker run -d -p 127.0.0.1:9200:9200 -v $(pwd)/geonames_index/:/usr/share/elasticsearch/data elasticsearch:5.5.2

Reddit API Credentials

This step is essential before running the web app. You will need an account on Reddit and you will need to create an app token.

  • touch config.py
  • Inside config.py, the follow lines should reside with your acquired credentials:
    CLIENT_ID = "Reddit Generated Client ID"
    CLIENT_SECRET = "Reddit Generated Client Secret"
    USERNAME = "Reddit Username"
    PASSWORD = "Reddit Password"
    

Running the Web App

The Web App is scheduled to fetch 120 articles from the weekly top posts and 40 from the daily top posts. It then processes the data using several algorithms and does NLP. I recommend changing the number of headlines to fetch to 4-8 headlines or something like that while testing the web app - this can be done in heatedworld.py within the fetch function argument.

  • Make sure a folder called data is in place mkdir data
  • Run the Web App using python3.6 heatedworld.py
    • This will take some time, the NLP to find accurate countries from the articles takes a lot of time. There is a file called heatedworld.log within the data folder where you can see that the application is processing data.
  • Visit http://127.0.0.1:5001/

Tools ๐Ÿ‘“

Programming Languages, Frameworks, Libraries, APIs, Databases, and Data Formats.

  • Python 3
    • Flask
      • Flask-WTF
      • Flask-Bootstrap
    • Reddit: PRAW
    • Natural Language Processing: Newspaper3k
    • Geographical Context: Mordecai
  • Javascript
  • HTML & CSS
    • Bootstrap Framework
  • JSON & CSV Data Formats

Current Web App Hierarchy ๐Ÿ’ช

  • Main Page
    • Heat Map
    • Multiple Sections
  • Clickable Heatmap Regions
    • Headlines, Summaries, and Reddit Discussions
  • More to come...

Future Plans ๐Ÿ”œ

Some of the features and functions that would be appropriate for Heated World. Please feel free to pick any of them and start working on improving it as a contributor. The target of Heated World is to become an essential part of the Reddit News world.

  • General
    • Mobile Responsiveness
    • Project Structure and Cleaning
    • Changing Heat Colors & Gradients
  • Features
    • Combining Similar Articles.
    • Words Cloud
      • Clickable with all related articles.
    • Comment, upvote, and discussions directly from Heated World.
      • Will require singing in with Reddit account.
    • News List Per Country
      • Dropdown to choose country and all news are in-front of you.
    • Smarter Sorting for Headlines
  • Style/Design
    • Fonts
    • GitHub Corner
    • Divs & Footer
  • Database
    • Use PostgreSQL instead of CSV
      • Tables - many-to-many relationships
        • Countries, Articles, Articles Daily, and Articles Weekly
      • JSON files are built from the DB after fetching from Reddit and after getting articles summaries and geographical context.
  • Back End
    • Scheduler Improvements
    • Multi-threading
      • Concurrent connections to the PostgreSQL DB before Articles Processing and Context Extraction.
    • Processing in Batches.
      • Get all values in a list, loop through them in orders of 10s, and get contexts for each ten by calling their primary key.
    • Fetching from Reddit
      • If in DB
        • Update number of upvotes and recalculate the weight.
        • Updates number of votes for countries table too
        • If it is in weekly top voted headlines, should be just moved from daily and number of upvotes and calculated weight get updated.
          • If it was not on daily, continue.
        • Skip the next two steps for this case
      • Remove all headlines the are neither part of the daily nor the weekly top posts of the given range.
      • Make sure no duplicates exist between daily and weekly tables.
    • Articles Processing
      • Use multi-threading and batches method described above.
      • Each article is directly saved to DB and not kept in memory.
      • Extract Context
    • Geographical Context Extraction
      • Use multi-threading and batches method described above.
      • Checks if the same article - using the article link as primary key is in the DB, if so, skip.
      • Removing the most popular 10k words from the text before using Mordecai.
        • Maybe find strange words and do geographical context extraction on that?
  • Marketing
    • SEO
    • Product Hunt
      • Product Hunt Upvote Button
    • Share on Social Media Buttons
  • Live Version
    • Frontend Revamp
    • Back End Rewriting
      • A rewriting is ongoing in branch rewriting
  • Read Me
    • Add Collaborates and Contributors

Contributing ๐Ÿ”ฅ

  1. ๐Ÿ Fork this repo!
  2. Clone and cd into it
  3. Setup your virtual environment.
  4. Create your feature branch: git checkout -b my-new-feature
  5. Commit your changes: git commit -m 'Add some feature'
  6. Push to the branch: git push origin my-new-feature
  7. Submit a pull request ๐Ÿ‘

๐Ÿ•บ Collaborators & Contributors ๐Ÿ’ƒ


Ahmad M. Osman

Inspiration ๐Ÿ““

You will fail.

You will mess up.

You'll do poorly on assignments and tests.

Your side projects will not work.

Your code will be sloppy and incomplete.

You will bomb job interviews.

Your PR's will be rejected.

And because you fail, you will succeed.

Don't be afraid to fail, don't let it destroy your self-confidence, don't let it define you. Instead, do everything you can to learn from that failure and take that new knowledge into the next piece of work.

Indeed, failure is the only path to success.

    โ€• Stranger on the Internet.

License ๐Ÿ“š

Heated World is an open source project under MIT license.

heatedworld's People

Contributors

ahmad-magdy-osman avatar austinreese avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.