Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/parin-prog/newsdaily
NewsDaily: A ReactJS-based web application that delivers comprehensive news coverage across various categories. Utilize the NewsAPI to fetch real-time news data, employ React Router for seamless navigation between news categories, and implement infinite scrolling to ensure an uninterrupted and enriching news experience.
https://github.com/parin-prog/newsdaily
bootstrap5 css3 infinite-scroll js loading-spinner newsapi react-router reactjs
Last synced: 12 days ago
JSON representation
NewsDaily: A ReactJS-based web application that delivers comprehensive news coverage across various categories. Utilize the NewsAPI to fetch real-time news data, employ React Router for seamless navigation between news categories, and implement infinite scrolling to ensure an uninterrupted and enriching news experience.
- Host: GitHub
- URL: https://github.com/parin-prog/newsdaily
- Owner: parin-prog
- Created: 2023-03-28T11:04:50.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-11-23T09:13:39.000Z (12 months ago)
- Last Synced: 2023-11-23T10:27:13.687Z (12 months ago)
- Topics: bootstrap5, css3, infinite-scroll, js, loading-spinner, newsapi, react-router, reactjs
- Language: JavaScript
- Homepage: https://news-daily-pi.vercel.app/
- Size: 4.54 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NewsDaily :
### Overview :
NewsDaily: A ReactJS-based web application that delivers comprehensive news coverage across various categories. Utilize the NewsAPI to fetch real-time news data, employ React Router for seamless navigation between news categories, and implement infinite scrolling to ensure an uninterrupted and enriching news experience.
--
application is hosted [HERE!](https://news-daily-pi.vercel.app/)
**SCREENSHOTS:**
---
---
## Developed With
* [Visual Studio Code](https://code.visualstudio.com/) - A source code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring
* [React](https://react.org/) - A javascript library for building user interfaces
* [React-router](https://reactrouter.com/) enables "client side routing".
* [Bootstrap5](https://getbootstrap.com/) A powerful, feature-packed frontend toolkit.
* [Axios](https://www.npmjs.com/package/axios) Promise based HTTP client for the browser.
* [Create react app](https://create-react-app.dev/) - A quick method to start developing a react application.
* [Babel](https://babeljs.io/) - A transpiler for javascript
* [Webpack](https://webpack.js.org/) - A module bundler
---
## Getting Started
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
### Prerequisites
The following software is required to be installed on your system:
* Node 16.x
* Npm 8.x
Type the following commands in the terminal to verify your node and npm versions
```bash
node -v
npm -v
```
## How to Run
1. **Clone the Repository**: Start by cloning this repository to your local machine.
3. **Setup**:
- Navigate to the frontend directory and run `npm install` to install the required frontend dependencies.
- Configure the frontend environment variables as necessary.
- Run `npm start` to launch the frontend.
4. **Access the Application**:
- Visit the application in your web browser at `http://localhost:3000` (by default for the frontend).
- Ensure the backend is running on a different port as specified in your configuration.