Skip to content

Santhoshjk159/News24X7

Repository files navigation

📰 News 24X7

image image

Welcome to News 24X7
Your trusted source for breaking news and real-time updates.


About Our Website

At News 24X7, we aim to deliver the most up-to-date and credible news from around the globe. Whether it’s politics, technology, or entertainment, we’ve got you covered. Our user-friendly interface ensures a seamless browsing experience for everyone.


Features

1. Home Section

  • Displays the latest breaking news headlines.
  • Highlights key stories with visually appealing layouts.

2. Category Section

  • Fetch news articles by specific categories like politics, business, technology, entertainment, sports, and more.
  • Search functionality to find articles based on keywords.

3. Contact Us Section

  • A responsive form for users to share feedback or inquiries.
  • Displays essential contact information.

Technologies Used

  • React.js: For building the user interface.
  • React Router: For seamless navigation between pages.
  • TailwindCSS: For modern, responsive, and customizable styling.
  • NewsAPI: For fetching live and up-to-date news data.

Installation

1. Clone the Repository

git clone https://github.com/your-username/news-24x7.git  
cd news-24x7  

2. Install Dependencies

Make sure you have Node.js and npm installed, then run:

npm install  

3. Set Up the API Key

  • Create a .env file in the root directory.
  • Add your NewsAPI key:
    REACT_APP_NEWS_API_KEY=your_newsapi_key  

4. Start the Development Server

npm start  

The website will be accessible at http://localhost:3000.


Usage

  1. Navigate to the Home page to view the latest headlines.
  2. Go to the Category section to browse news by category or use the search bar.
  3. Visit the Contact Us page to send inquiries or feedback.

API Integration

This project uses the NewsAPI for fetching live news articles.


Future Enhancements

  1. Add a user login system for personalized news preferences.
  2. Include advanced filters like publication date and region.
  3. Provide multi-language support for global users.
  4. Incorporate dark mode for enhanced user experience.

Contributing

Contributions are welcome! Please fork the repository, create a new branch, and submit a pull request.

Steps to Contribute:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature-name  
  3. Commit your changes:
    git commit -m "Add a new feature"  
  4. Push the changes:
    git push origin feature-name  
  5. Open a pull request.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published