Giter Club home page Giter Club logo

anand-3399 / newsmedia Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 8.7 MB

NewsMedia is a news website where you can get your daily news for free. If you are interested in reading news, then you are at the right place. We provide you with the latest breaking news and videos straight from the entertainment industry.

HTML 11.87% CSS 1.87% JavaScript 86.26%
react react-native react-router reactjs newsapi react-hooks react-top-loading-bar spinner-components

newsmedia's Introduction

NewsMedia React App

NewsMedia is a React app that uses the News API to fetch news articles from various sources. It is a single page application that uses React Router to navigate between different pages.

Features

  1. View news articles from various sources
  2. View news articles from a specific source
  3. View news articles from a specific category
  4. View news articles from a specific date
  5. View news articles from a specific source and category
  6. View news articles from a specific source and date
  7. View news articles from a specific category and date
  8. View news articles from a specific source, category and date
  9. View news articles from a specific country
  10. View news articles from a specific country and category

Technologies Used

  • React
  • React Router
  • React Hooks
  • React Bootstrap
  • News API

API Reference

Getting Started to run the Web-Application

Method 1: Running the Web-Application on your local machine by installing the dependencies and your API key

1. API Key

  • Get your API key
  • Go to src/App.js and replace process.env.REACT_APP_NEWS_API_KEY with your API key

2. Installation

npm install

Installs all the dependencies required to run the app.

3. Run the Web-Application

npm start

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

The page will reload when you make changes. You may also see any lint errors in the console.

Method 2: By running the Build folder with Live Server (VS Code Extension) or any other server on localhost

  1. Open the Build folder in VS Code
  2. Install Live Server Extension
  3. Select Open with Live Server from the context menu only*
  4. The Web-Application will be running on localhost

Screenshots of the Web-Application

Home Page

All Categories

Infinite Scroll Added

newsmedia's People

Contributors

anand-3399 avatar snyk-bot avatar

Stargazers

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.