Front End NC News

Front End NC News is a React-based web application hosted with Vercel that serves as the client interface for the hosted back-end NC News API on Render allowing users to interact with articles, comments, users, and topics through a clean, responsive UI. This project showcases essential front-end development skills with React.js, React Bootstrap, React Router, and integrates with the NC News API hosted on Render.

Hosted version: FE NC News on Vercel

Summary

This project was developed to demonstrate front-end skills using the following tools and frameworks:

• React.js for component-based UI development.
• React Router to enable single-page application navigation.
• React Bootstrap for styling and responsive design.
• Axios for API requests to the back-end.
• Vercel for hosting and deployment of the front-end application.

The App allows users to:

• Browse and filter articles based on topics.
• Sort and filter articles based on various criteria.
• Post, update, and delete comments.
• Vote on articles.

Getting Started

You can find the back-end repository for NC News Here

Prerequisites and minimum versions

• Node.js: Version 14.x or higher

Running the Project Locally

1. Clone the repository:

   git clone https://github.com/Cody2612/fe-nc-news.git
   cd fe-nc-news

2. Install dependencies:

   npm install

3. Run the App:

   npm run dev

Access the APP locally

Local:   http://localhost:5173/ - or similar

Important Note

This app depends on the NC News API for data. Ensure the back-end API is running and accessible if working locally. Alternatively, use the hosted back-end version.

---

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