GithubHelp home page GithubHelp logo

nc-news's Introduction

NC News App ReadMe

This project was built during a coding bootcmap with Northcoders. It is a C.R.U.D. app built using React and making use of a back-end project here -

https://github.com/rob83uk/be-nc-news

The App is live hosted using Netlify, follow the link below.

https://keen-blackwell-c0fbba.netlify.app/

How to run this project locally

Fork the repo and clone by running the following command

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

CD into the directory.

Install the necessary dependencies by running the following command in the treminal

npm i

Then in the project directory, you can run the app in the development mode.:

npm start

Open http://localhost:3000 to view it in the browser.

User Stories

Below is a selection of User Stories I have followed while building the App.

As a user, I should be able to...

view a list of all articles

view a page for each topic with a list of related articles.

view an individual article.

view an individual article's comments.

vote on an article and immediately see the change.

change user to simulate a new user loggin in.

post a new comment to an existing article (as a default logged in user. e.g. 'jessjelly').

delete my own comments (as a default logged in user. e.g. 'jessjelly').

vote on a comment and immediately see the change.

navigate over pages of articles (e.g. using pagination or infinite scroll).

navigate over pages of comments (e.g. using pagination or infinite scroll).

use the site on my mobile without sacrificing style or functionality Error-handling: As a user, I should... see an appropriate error if I go on a non-existent path / a path for a non-existent article / topic.

not be allowed to post a comment if I have not filled in all of the form boxes.

Minimum Software Versions

Node - 14.17.4 Postgress 13.3

nc-news's People

Contributors

rob83uk avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.