Vartha is a news website built using ReactJS and powered by the gnews.io API. It provides users with the latest news articles from various sources and categories. The website features a user-friendly interface, customizable themes (light and dark), and smooth navigation using React Router DOM. This repository contains the source code for the Vartha News Website.
- Get the latest news articles from various sources and categories.
- User-friendly interface with a clean and intuitive design.
- Customizable themes: light and dark.
- Smooth navigation between different pages using React Router DOM.
- Utilizes the gnews.io API for fetching news articles.
- Integration of React Top Loading Bar to provide visual feedback during loading.
To use this web site visit Vartha
Upon opening the Vartha News Website, you will be presented with the latest news articles from various sources. You can navigate between different categories or search news on a topic using the top navigation menu. Clicking on a news article will redirect you to the detailed article view, where you can read the full content.
The website also provides the option to switch between light and dark themes.
While using the Vartha News Website, please note the following limitations:
- API Requests: The website utilizes the gnews.io API to fetch news articles. The API has a limitation of 100 requests per day. Once this limit is reached, you will not be able to fetch additional news articles until the next day.
- Number of Articles: Each API request returns a maximum of 10 articles. Therefore, the Vartha News Website can display up to 10 articles per request. If you have reached the daily limit of API requests, you may not be able to view additional articles until the limit resets.
It's important to keep these limitations in mind while using the Vartha News Website to ensure a smooth and uninterrupted news browsing experience.
The following dependencies are used in this project:
- ReactJS: JavaScript library for building user interfaces.
- React Router DOM: Library for routing in React applications.
- React Top Loading Bar: Library for displaying a loading bar during API requests.
All the necessary dependencies are listed in the package.json file. You can install them by running npm install as mentioned in the installation steps.
If you wish to customize the Vartha News Website, you can modify the CSS files located in the src/css directory. The website's styling is implemented using custom CSS to achieve the desired design. Feel free to make changes to the CSS files according to your preferences.
If you would like to contribute to this project, you can follow these steps:
- Fork the repository on GitHub.
- Create a new branch:
git checkout -b my-feature-branch. - Make your changes and commit them:
git commit -m "Add new feature". - Push to the branch:
git push origin my-feature-branch. - Submit a pull request on GitHub.
Please ensure that your changes are well-documented and follow the project's coding conventions.
This project is licensed under the MIT License. See the LICENSE file for more information.
If you have any questions or feedback, feel free to contact me:
- Email: [email protected]
- GitHub: Mithun-750
Thank you for using the Vartha News Website! We hope you enjoy using it to stay updated with the latest news.