NC-News (Front-End)

Summary

This solo Front-end project was built using React framework and utilises react-router-dom to handle the routing. Axios was used to make Https requests. This project was written in Javascript with styling done in CSS and HTML.

This project was also bootstrapped with Create React App.

About this Project

In this project the aim is to create an interface that utilises the API calls such as GET, POST, PATCH and DELETE from the back-end which can be found here

Users can view the list of all articles and sort them by date, comment count, votes and in ascending/descending order. There is also a navigation bar which users can view articles by topic or the users list.

Users can also click onto individual articles to view it and there is options to hide or show the comment sections of the articles. Other features added are the ability upvote or downvote specific articles and users can add and delete their own comment.

Cloning the repository

1. Fork and clone this repository
2. Run npm install to install all the required depenancies
3. Run npm start to view this project in a browser.

Hosted

The hosted version of this project can be viewed here

Deployment

1. Run npm run build
2. Run netlify deploy
3. Run netlify deploy --prod

See the section about deployment for more information.

Version

Node.js v18.4.0