Skip to content

React 'Reddit'-style front-end news application using data from my News from the Northcoders REST API. Styled using CSS Modules. Simulated login features.

Notifications You must be signed in to change notification settings

katieraby/news-from-the-northcoders-fe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

69 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

News From The Northcoders Front-End   📰 🗞️

Welcome to News From The Northcoders - a Reddit-style news React app, which allows you to see all of the Northcoder news articles by topic.

You can sort articles by 'newest', 'most popular', and hottest. Users have the ability to post a new article, and in doing so, create a new topic. Clicking on an article title allows you to view that particular article in more detail with associated comments. Here, when logged in, you can post a comment. Users can also delete the articles or comments that they have posted.

Each of the articles and comments can be up or down voted, only once per user per up or down vote. The app also has pagniation allowing you to click through and view more articles and comments than available on the first pages.

You can find the hosted project here:
https://news-from-the-northcoders.netlify.com

You can find the hosted API used here:
https://news-from-the-northcoders-api.herokuapp.com/

Getting Started & Installation

Prerequisites

To run this API on your machine, you will need Node.js installed on your machine.

To install Node, go to: https://nodejs.org/en/download/
The version required is a minimum of v. 13.8.0

Installation

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

  1. Clone a copy of the repository on your machine using the below command:
git clone https://github.com/katieraby/news-from-the-northcoders-fe.git
  1. In the project directory, install the required dependencies:
npm install
  1. To run the project and start up the localserver, run:
npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Built With

  • React - A JavaScript library for building user interfaces

Acknowledgments

  • Thanks to the team at Northcoders for providing me with the skills to create this awesome front-end React app.

About

React 'Reddit'-style front-end news application using data from my News from the Northcoders REST API. Styled using CSS Modules. Simulated login features.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published