NC News is a full stack project based around a news forum. The back and front ends are hosted separately - this repo is for the front end, which provides a React-based UI in the form of a news website, where the news data can be sorted through and commented on using HTTP requests and Axios.js. The back end features the use of Knex.js to create tables on and seed test news article data to an SQL database, and Express.js and Supertest.js to set up and test a server to access this information.
This app is hosted live on Netlify here. If you would instead like to run the application locally, follow the instructions below.
Clone this repo to a local directory, ensuring that you have Node.js installed. Navigate to the nc-news-app directory and run the following commands in the terminal (in the order shown). These will first install the required dependencies for the application, and then open the app in a browser.
npm i
npm start
The home page lists all articles by default, sorted by most recent first, and can always be returned to by clicking the logo in the top left hand corner of the screen. Pagination buttons are displayed below the article list. The sorting can be changed using the drop down menu above the article list. Filtering of a particular topic can be done using the NavBar options.
Each article can be voted upon on this screen, or on the article page itself.
Clicking on the title of an article takes you to the page for that article. This shows the article content, plus all of the comments relating to the article. The sorting logic and options for the comments is the same as for articles (minus the 'No. of comments' option present for the article list). As well as the article itself, comments can be voted upon here too. At the botttom of the page, new comments can be added, and any comments added in your session can also be edited after they are posted.