Northcoders News

Introduction

NC-News is a React app with CRUD functionality, enabling users to access a range of articles, filter them by topic, read and vote on them. Users can also view and post comments on articles as a default logged in user. Articles can be sorted by votes, comment count and date in ascending or descending order.

The web application uses:

• React hooks such as useState, useEffect, and useContext
• React Router
• API data fetching with Axios
• Responsive mobile first design using CSS
• Form validation
• Conditional rendering

Hosted App

NC News is hosted on Netlify and can be found here: https://harrys1000rr.github.io/nc-news

The repo for this app can be found on github: https://github.com/harrys1000rr/nc-news

This app is built off the NC News back end API (https://news-app-harrys1000rr.herokuapp.com

Access the back end repo here: https://github.com/harrys1000rr/HK-BE-NC-News-Board

Set Up the Repo

1. Clone the Repo

In terminal:

git clone https://github.com/harrys1000rr/nc-news

2. Enter Directory

In terminal:

cd nc-news

2. Install Dependencies

In terminal:

npm install

3. Run Start Script

Run the React app:

npm run start

The app should now run in your browser.