/Reactjs-Article-Viewer

Reactjs Article Viewer is built with News API and Reactstrap.

Primary LanguageJavaScript

Reactjs NewsViewer APP

About

Reactjs NewsViewer App was built using Reactjs, React Readux and News API. It is a simple news viewer app for checking the latest news headline.

Features

  • Provide a useable experience across all modern web browsers and users who require assistive technologies
  • Provide the latest headline news around the globe in all categories.

How to launch and use the Reactjs NewsViewer APP

  • Go to ("the netlify/vercel link") on your device browser
  • Key-in your search in in the search bar
  • Tap on the enter key on your device

How to set up the app on your local server

Fork this project

  • Fork this project.
  • Go to your fork and copy the URL

Clone this repo

Go to your command line and clone the project using git clone URL_OF_FORK

E.g: git clone https://github.com/username/Reactjs-NewsViewer-App

Navigate to your local repository

cd NAME_OF_REPOSITORY

Check that your fork is the "origin" remote

  • Use git remote -v to check
  • If it's not, use this to add it as "origin" remote git remote add origin URL_OF_FORK

Add the project repository as the "upstream" remote

Next add the origin as an upstream: Go to your fork on GitHub, and click the "forked from" link to return to the project repository. While in the project repository, click the green Clone or download button and then copy the HTTPS URL and add the project repository as the "upstream" remote using: git remote add upstream URL_OF_PROJECT

Pull the latest changes

Make sure to check if you have the latest changes. Use git pull upstream main to pull the latest changes

Run this project

Before you start this process, make sure you have Node installed. If you don't, Download Node and install. Check the version of Node you're running with the command: node --v

Install the dependences

npm install

Run the program(Starts the developement server)

npm start

Project Live

Visit the link http://localhost:3000 to view your application.