An open API service indexing awesome lists of open source software.

https://github.com/pushpendra-1697/news-app-react

A React-based news app is an excellent way to showcase the capabilities of the React library and provide users with a seamless, engaging, and informative news reading experience. By leveraging React's component-based architecture, developers can efficiently build and maintain a feature-rich news application with a modern user interface.
https://github.com/pushpendra-1697/news-app-react

authentication chakra-ui components context-api csr html-css-javascript react-icons react-router-dom reactjs

Last synced: 8 months ago
JSON representation

A React-based news app is an excellent way to showcase the capabilities of the React library and provide users with a seamless, engaging, and informative news reading experience. By leveraging React's component-based architecture, developers can efficiently build and maintain a feature-rich news application with a modern user interface.

Awesome Lists containing this project

README

          

# News-App-React

# Overview
A React-based news app is an excellent way to showcase the capabilities of the React library and provide users with a seamless, engaging, and informative news reading experience. By leveraging React's component-based architecture, developers can efficiently build and maintain a feature-rich news application with a modern user interface.

## Installation

Clone the Repository from GitHub. Then do the following steps:

```bash
npm install

npm run start
(or)
npm start
```
# Tech Stack:
React.js, react-router-dom, chakra-ui, react-icons, and Context-API.

# Project Live link:
https://myapp-opal-alpha.vercel.app

## NOTE: Actually newsapi.org api in developer plan is no more working in production. because in developer plan CORS is only enabled for localhost.

# Some Output ScreenShots:

![Screenshot (346)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/c3b38b6d-01cc-434c-80ae-279c6036286e)
![Screenshot (347)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/3ca783dc-9cae-4c9a-8143-7987ebea1125)
![Screenshot (348)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/6618c86a-ce39-49de-8561-1af1d520084a)
![Screenshot (349)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/ffa8be80-f155-4f12-8999-08418d50920b)
![Screenshot (350)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/4173c97b-5508-4a40-a48c-d1ff8759c1c8)
![Screenshot (351)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/2351a962-2b7b-4537-825d-335d3a586839)
![Screenshot (352)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/d0bb8271-d0f4-4a89-a63d-19691017dd3a)
![Screenshot (353)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/10e6e240-e68c-4054-8cb2-81876564638e)
![Screenshot (354)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/1e5c0a27-ee9d-4513-a43f-af8b57c760eb)
![Screenshot (355)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/93dcbb1f-d215-459a-b0dd-15a41fbd1d45)
![Screenshot (356)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/031129e1-2ef0-4b24-a599-688e6b83af32)