news-api-react

KO | EN

gitlite — search

#javascript #python #react #ai #llm #go #docker #cli #kubernetes #vue #awesome-list #security #mcp #ios

(★ 26)

React App using https://newsapi.org/

news-api-react Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
<p>
<img src="./logo.png" width="200"/>
</p>

<p>
<a href="">
  <img alt="first release" src="https://img.shields.io/badge/release-v1.0-brightgreen.svg" />
</a>
&nbsp
<a href="">
  <img alt="react is dope" src="https://img.shields.io/badge/React-is%20dope%20%E2%AD%90-00D8FF.svg" />
</a>

</p>

🔥 **React News** is a React App showing news results from more than 70 sources. Uses data from [News API](https://newsapi.org/), it's responsive and super snappy for quick switching thanks to React Virtual DOM 🔥

<p><a href="https://quirky-goldberg-cc6cf5.netlify.com" class="btn btn-primary btn-md">Launch App</a></p>
</div>

## Features

- ⚒️ **Simple**: Bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app) and using [React](https://facebook.github.io/react/)

- 📊 **Real-time**: Real time data obtained from the leading news resource [News API](https://newsapi.org/)

- 📱 **Responsive**: Made mobile responsive with Flexbox

- 🔥 **Live**: Deployed with [Surge](https://surge.sh/)

## Demo

## Usage

Fork or download this repo , move inside and run:

```javascript
npm install
npm start
```

Open development build on [http://localhost:3000/](http://localhost:3000/)

To deploy it:

```javascript
npm run build
npm install -g serve
serve -s build
```

Open production build on [http://localhost:5000/](http://localhost:5000/)

Or copy to a Web Server

## To-Do

- [ ] Add categories checkboxes
- [ ] Add a page with description for each news source
- [ ] Add a logo up top instead of the React Logo
- [ ] ! Maybe change flexbox for CSS Grid

news-api-react

news-api-react Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

news-api-react

news-api-react Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README