Name		Name	Last commit message	Last commit date
public		public
src		src
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
README.md		README.md
_redirects		_redirects
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
vite.config.js		vite.config.js

Repository files navigation

NC News Site!

About

This is a front-end application that serves the data from my backend project using React,js, JavaScript, HTML, CSS and React Bootstrap. Users can:

Access all of the articles
Filter them by category
Search by keyword
Comment and Vote on articles (both rendered optimistically)
Delete their own comments

Link to live site

https://camvale-ncnews.netlify.app

* The site may take a few minutes to load data after inactivity.

Link to the backend project

https://github.com/CamVale/NC-News-Backend-Project

Instructions

To run this project locally, input the following to your terminal:

 git clone https://github.com/CamVale/NC-News-Frontend-Project

 cd nc-news-frontend-project

 npm install

 npm run dev

Vite will then host the project and post a link in the terminal.

Node v18.12.1 is required for this project.

About

Developed a responsive and mobile- friendly web app using HTML5, React, CSS and ReactBootstrap that seamlessly interacts with the API to deliver an interactive news browsing experience with varied functionality including posting comments, voting on articles and comments, filtering posts by queries and more through UI elements and intuitive navbar.

camvale-ncnews.netlify.app

bootstrap css html5 javascript react

0 stars

1 watching

Report repository

Releases

Packages

Used by

Contributors

Languages