Skip to content

scoupar/Java_News_App_Frontend

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

cc-news logo

CC News

A full-stack React / Java News app.

Created with a react front-end which is connected to a spring boot Java back-end. The app features a reader-focused front section where news articles can be viewed and filtered by category and journalist. A keyword search function is also used to filter articles by their headline.

The site also features an admin section which allows the user to add, edit and delete the articles and journalist information that is displayed in the front end.

Additional features include a fully working weather widget and 'breaking news' section that pulls real news stories from the News API which updates on a regular basis.

Built with Tina Houston (https://github.com/tinaHouston/) , Helen Aguda (https://github.com/mz-biddy01/) and Gregor Simpson (https://github.com/Gregor69)

Back-end Code:

https://github.com/scoupar/Java_News_App_Backend

Video Demo:

Demo available here : https://youtu.be/3CIGxUUhcpw

Brief:

SGNN News

What's Goin' On News have asked you to build a web application to allow them to upload the latest Scottish news.

They want to be able to:

  • Add, Edit and Remove Journalists
  • Add, Edit and Remove Articles

For the front end of the website, users should be able to:

  • View a list of articles, ordered by date. (Newest first!)
  • Filter articles based on catagory
  • Click through to the full story

(Each Article might have a headline, summary paragraph, and the full story along with the journalist who wrote it - and any other fields you want to add.)

Project Extensions

  • Search for articles where the title includes a particular search term
  • Filter articles by journalist
  • Filter articles by category, which can be added by SGNN
  • Track how many times an article has been read, and display a list of most popular articles
  • Paginate your article list - display a certain number of articles per page, with a page number, and navigation to go to the next and previous page
  • And other any extensions you would like to add.

About

Front end code for CC News, a full stack React and Java news application.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 69.3%
  • CSS 25.0%
  • HTML 5.7%