NC News Front End Project 📰

Welcome to my NC News Front End Project!

Here is a link to the hosted site: Been There, News That!

Here is a link to the hosted API and its respective repo!

This project fetches data from the hosted API and presents it in a clear, styled format for the user.

Getting Started

You will need to clone the repo to your local device. Run the following commands in the terminal to do so:

git clone https://github.com/deedee-2904/nc-news-FE.git

cd nc-news-FE

Then you will need to install a number of dev dependant and non-dev dependant packages.

Installing Packages

Run npm install or npm i to install the following packages on your local device:

Dev Dependancies:

• axios
• bootstrap
• react
• react-bootstrap
• react-dom
• react-router-dom
• lottie-react

Non-Dev Dependancies:

• globals
• vite
• @vitejs/plugin-react
• @eslint/js
• @types/react
• @types/react-dom
• eslint
• eslint-plugin-react-hooks
• eslint-plugin-react-refresh

For the best experience please ensure you are running the minimum versions of Node.js(v23.3.0).

How to see local changes made?

To see the local changes made live, download the VSCode Extension Live Server

Then run the following command in your terminal:

npm run dev

A link will then be provided to see local changes.

Features to Come

• Deleting your own comments
• View a separate page for each topic
• Sort aricles by: date, comment count, votes in ascending or descending order

FAQs

I'm always looking to refine my projects so please don't hesitate to contact me via my email address.

This portfolio project was created as part of a Digital Skills Bootcamp in Software Engineering provided by Northcoders