文件列表:

LICENSE (1074, 2023-10-13)
package.json (1104, 2023-10-13)
public (0, 2023-10-13)
public\_redirects (19, 2023-10-13)
public\favicon.png (1306, 2023-10-13)
public\index.html (721, 2023-10-13)
public\manifest.json (306, 2023-10-13)
src (0, 2023-10-13)
src\App.js (906, 2023-10-13)
src\components (0, 2023-10-13)
src\components\Images (0, 2023-10-13)
src\components\Images\demo.png (1345701, 2023-10-13)
src\components\Images\logoImage.png (1306, 2023-10-13)
src\components\Images\nullImage.png (45192, 2023-10-13)
src\components\Loading (0, 2023-10-13)
src\components\Loading\Loading.js (222, 2023-10-13)
src\components\Loading\index.js (522, 2023-10-13)
src\components\NavBar (0, 2023-10-13)
src\components\NavBar\NavBar.js (2653, 2023-10-13)
src\components\NavBar\index.js (630, 2023-10-13)
src\components\News (0, 2023-10-13)
src\components\News\News.js (2445, 2023-10-13)
src\components\News\index.js (464, 2023-10-13)
src\components\NewsItem (0, 2023-10-13)
src\components\NewsItem\Details (0, 2023-10-13)
src\components\NewsItem\Details\Details.js (579, 2023-10-13)
src\components\NewsItem\Details\index.js (245, 2023-10-13)
src\components\NewsItem\NewsItem.js (1050, 2023-10-13)
src\components\NewsItem\index.js (564, 2023-10-13)
src\components\NewsItem\style.css (80, 2023-10-13)
src\components\Search (0, 2023-10-13)
src\components\Search\Search.js (2356, 2023-10-13)
src\components\Search\index.js (464, 2023-10-13)
src\config (0, 2023-10-13)
src\config\api.js (408, 2023-10-13)
src\config\config.js (1614, 2023-10-13)
src\index.css (191, 2023-10-13)
... ...

# News App  This News App is powered by the GNews public API and provides users with the latest news articles from around the world. The app offers a user-friendly interface where news articles are organized by categories, allowing users to easily browse and read articles of their interest. ## Features - **Category-based News**: The app categorizes news articles into various categories, including entertainment, business, sports, technology, health, science, and more. Users can click on a category to view articles specific to that category. - **Search News**: The app includes a search bar that enables users to search for specific news articles. Users can enter keywords related to the news they are interested in, and the app will display relevant articles based on the search query. - **Article Details**: Each article is displayed with a title, description, publication date, channel, and a link to visit the source website. This ensures that users can get a comprehensive understanding of the news article before deciding to read more. - **Responsive Design**: The app is designed to be responsive, providing a seamless experience across different screen sizes and devices. Whether users access the app from their desktop, tablet, or smartphone, the interface will adapt smoothly to fit their device. ## Technologies Used - **React**: The app is built using React, a popular JavaScript library for building user interfaces. React provides a robust foundation for creating interactive and dynamic components. - **Redux**: Redux is used for state management in the app. It helps manage the global state of the application and enables a more organized and predictable way of handling data flows. - **Styled-Components**: Styled-Components is used for styling the app. It allows developers to write CSS within JavaScript, making it easier to manage styles for individual components. - **React-Bootstrap**: React-Bootstrap is utilized for building responsive and customizable UI components. It provides a wide range of pre-built components that can be easily integrated into the app. - **Axios**: Axios is a JavaScript library used to make HTTP requests. It is employed in this project to fetch data from the GNews public API. ## Usage To run the React News App on your local machine, follow these steps: 1. Clone the repository to your local machine using the following command: ``` git clone https://github.com/simranlotey/react-news-app.git ``` 2. Navigate to the project directory: ``` cd react-news-app ``` 3. Install the required dependencies: ``` npm install ``` 4. Start the development server: ``` npm start ``` 5. Open your web browser and visit [http://localhost:3000](http://localhost:3000) to access the app. ## Contributing Contributions to this News App are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request in this repository. ## License This News App is licensed under the [MIT License](LICENSE). Feel free to use, modify, and distribute the code as per the terms of the license. ## Acknowledgements - This app utilizes the GNews public API for fetching news articles. Visit their website for more information: [GNews API](https://gnews.io/)

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：