dennyparas / react-news-search-and-bookmark

A web app (single page application) created with react.js, redux and react-bootstrap using free news api.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-news-search-and-bookmark

A web app (single page application) created with react.js, redux and react-bootstrap using free news api.

Features

  • Search top news by country, category or by media source
  • Can bookmark individual news (all bookmarks are save in browser localstorage)
  • Switch from dark mode to light mode

Overview

react-news-1

react-news-2

Project setup

for local development create an .env.local file outside the src folder and copy the key below:

REACT_APP_NEWS_API_KEY = 'add your news api key here'


for production create an .env file outside the src folder and copy the key below:

NEWS_API_KEY = 'add your news api key here'

--

npm install

Compiles and hot-reloads for development

npm start

Compiles and minifies for production

npm run build

News API page

https://newsapi.org/

About

A web app (single page application) created with react.js, redux and react-bootstrap using free news api.

License:MIT License


Languages

Language:JavaScript 95.3%Language:HTML 2.5%Language:CSS 2.2%