Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kabirjaipal/react-news-app
All-in-one Tech News: Stay updated with the latest tech articles from popular websites in a user-friendly app. Built with React.js, Express.js, and Node.js
https://github.com/kabirjaipal/react-news-app
cheeriojs cors express-js full-stack-web-development html-css-javascript news newsapi nodejs nodejs-api reactjs server-side tailwindcss vitejs
Last synced: 3 months ago
JSON representation
All-in-one Tech News: Stay updated with the latest tech articles from popular websites in a user-friendly app. Built with React.js, Express.js, and Node.js
- Host: GitHub
- URL: https://github.com/kabirjaipal/react-news-app
- Owner: kabirjaipal
- License: mit
- Created: 2023-03-20T08:28:47.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-21T15:54:09.000Z (11 months ago)
- Last Synced: 2024-06-16T19:23:58.699Z (7 months ago)
- Topics: cheeriojs, cors, express-js, full-stack-web-development, html-css-javascript, news, newsapi, nodejs, nodejs-api, reactjs, server-side, tailwindcss, vitejs
- Language: JavaScript
- Homepage:
- Size: 60.5 KB
- Stars: 17
- Watchers: 1
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Latest Tech News App
This is a full-stack web application that displays the latest news articles from various tech websites. The app allows users to read the latest tech news articles from popular websites without having to navigate to each website individually.
**_
[](https://discord.gg/PcUVWApWN3)
_**
## Features
- Display latest news articles from popular tech websites
- Easy to use interface
- Read articles directly from the app
- Open articles in new tab
- Search for specific articles
## Server-side Setup
1. Clone the repository: `git clone https://github.com/kabirsingh2004/react-news-app.git`
2. Navigate to the project directory: `cd react-news-app/server`
3. Install dependencies: `npm install`
4. Start the server: `npm run dev`
## Client-side Setup
1. Navigate to the project directory: `cd react-news-app/client`
2. Install dependencies: `npm install`
3. Go to src/App.jsx and change `API_BASE_URL` to Your Server Side API Url
4. Start the client: `npm run dev`
## Technologies Used
- Node.js
- Express.js
- React.js
- Axios
- Moment.js
- Cheerio
- Node-Cache
- Cors
- React-icons
- Vite
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
## License
[MIT](https://choosealicense.com/licenses/mit/)
# Latest Tech News App
This is a full-stack web application that displays the latest news articles from various tech websites. The app allows users to read the latest tech news articles from popular websites without having to navigate to each website individually.
**_
[](https://discord.gg/PcUVWApWN3)
_**
## Features
- Display latest news articles from popular tech websites
- Easy to use interface
- Read articles directly from the app
- Open articles in new tab
- Search for specific articles
## Server-side Setup
1. Clone the repository: `git clone https://github.com/kabirsingh2004/react-news-app.git`
2. Navigate to the project directory: `cd react-news-app/server`
3. Install dependencies: `npm install`
4. Start the server: `npm run dev`
## Client-side Setup
1. Navigate to the project directory: `cd react-news-app/client`
2. Install dependencies: `npm install`
3. Go to src/App.jsx and change `API_BASE_URL` to Your Server Side API Url
4. Start the client: `npm run dev`
## Technologies Used
- Node.js
- Express.js
- React.js
- Axios
- Moment.js
- Cheerio
- Node-Cache
- Cors
- React-icons
- Vite
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
## License
[MIT](https://choosealicense.com/licenses/mit/)