Skip to content

GSG-G11/instant-news

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Instant-News

An App that Shows last news worldwide with category (general, business, entertainment, health, science, sports, technology)

Live Demo Here

Table of Contents

Problem

There is a lot of new news everywhere and it's hard to track all news agencies in order to keep up to date with them, also there is a lot which could be guieded by it's source and that's will lead to cheat the user

Solution

Our Application provide up-to-date news from wide range of world wide agencies which categorized and with the ability to search for a specific keyword

Features

  • Simple UI.
  • Loading UI
  • Responsive.
  • Fetch data.

User Stories

  • As a person looking to read the latest news I want to visit your site and immediately see the most important news in a special section So that I quickly know what's going on around the world.

  • As a person looking to read the news I want to visit your site and see a navigation link for the different page sections so I can quickly navigate to the areas of the site I'd like to visit.

  • As a person looking to read the news I want to see the different news sections and each section should contain its related news (e.g. Sports, Science, Health, Business...etc ) So I can read about any topic separately

  • As a person looking to read the news I want to easily view the site when browsing on my mobile, tablet or desktop so that I can understand the sites content easily on whatever device I choose to view it in.

Technologies Used

  • HTML5
  • CSS3
  • React

External API

Setup

Dev Dependencies

  • eslint

Dependencies

  • evn2
  • axios
  • prop-types
  • react-loading
  • react-router-dom

Installation

  • clone this repository git clone https://github.com/GSG-G11/instant-news.git
  • open it with your favorite text editor code instant-news/
  • run npm i to install dependencies
  • set .env key REACT_APP_API_KEY
  • run npm start to start the project in the localhost

Contact

Created by @DeenaAlghazali, @Ibrahim-Jarada - feel free to contact us!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published