Skip to content

News App built in REACT.JS with content aggregation and classification equipped with visualization.

Notifications You must be signed in to change notification settings

mxzahid/newsApp

Repository files navigation

News App

Built using React.JS with CORS-enabled backend in Flask (running on AWS server)

Deep-learning classification model made using HuggingFace transformers

In this day and age, all the world's news are at our fingertips but instead of having to hunt them down individually, I decided to create an aesthetically-pleasing, easy-to-use, and non-overwhelming fullstack App capable of rendering all recent news using a News API.

Once you clone this repo:

  • cd into newsApp/
  • run npm start to run the dev server
  • go to localhost:3000/ to view the application

Here is the landing page for the app:

alt text

Each card shows the Title and author of the news article and is click-to-flip, which shows the rest of the article on the back like this:

alt text

Once the loading animation on the back finishes once the article goes through my deep-learning transformer roBERTa model for classification with ~90% accuracy (running on a flask backend on a linux AWS machine) and returns JSON which is used to create beautiful doughnut charts for ease of comprehension:

alt text

(Note: if the loading doesn't finish, it means that I stopped paying for the server because I was cheap :D)

About

News App built in REACT.JS with content aggregation and classification equipped with visualization.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published