Skip to content

Stay informed with our React-powered news app, leveraging the News API and React Hooks for real-time updates. Explore diverse news categories seamlessly. Experience smooth navigation and a responsive design for an intuitive browsing experience.

Notifications You must be signed in to change notification settings

yyyashasviiiii/theChronicles

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TheChronicles

This is a React application that leverages the News API to fetch and display news articles across various categories. Users can browse through different news topics and read detailed information about each article.

Features

  • Fetches news articles from the News API.
  • Allows users to browse news articles by categories such as business, entertainment, health, science, sports, technology, etc.
  • Provides detailed information about each article including title, description, source, and publication date.
  • Simple and intuitive user interface.

Technologies Used

  • React
  • Axios (for making HTTP requests)
  • Bootstrap (for styling)

Setup

  1. Get API Key: Sign up for an account on News API to obtain an API key.

  2. Clone the repository:

    git clone https://github.com/yourusername/react-news-app.git
    
  3. Install dependencies:

    cd react-news-app
    npm install
    
  4. Enter API Key: Replace 'YOUR_API_KEY' in the News.js file with your actual News API key.

  5. Run the application:

    npm start
    
  6. Open your browser and visit http://localhost:3000 to view the application.

Usage

  • Browse through different categories of news by clicking on the respective tabs (e.g., business, entertainment, health, science, sports, technology).
  • Click on any news article to view more details about it.

Screenshots

image image

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/new-feature).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add new feature').
  5. Push to the branch (git push origin feature/new-feature).
  6. Create a new Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • This project was inspired by the need for a simple, yet functional news application using React.
  • Thanks to the developers of News API for providing access to their service.

About

Stay informed with our React-powered news app, leveraging the News API and React Hooks for real-time updates. Explore diverse news categories seamlessly. Experience smooth navigation and a responsive design for an intuitive browsing experience.

Topics

Resources

Stars

Watchers

Forks