NewsSync (News Website)

NewsSync is a web application that delivers real-time news headlines fetched from various sources using a news API. Built with HTML, CSS, and JavaScript, this app provides a seamless and engaging experience for staying updated with the latest news.

Some Key Features

• Real-Time Updates : Get the latest news headlines as they happen.
• User-Friendly UI : Intuitive and responsive design for easy navigation.
• Engaging Thumbnails : Visualize news stories with eye-catching thumbnails.
• Detailed Info : Each article includes title, source, description and publication date.
• Search Functionality : Search for specific news topics of your interest.
• Read More : Dive into full articles with the "Read More" button.

Demo 👁‍🗨

Explore the live demo: NewsSync ↗

Tech Stack Used

• HTML
• CSS
• JavaScript
• News API for fetching news data

How To Use

If you want to explore the project's source code and make changes locally, follow these steps:

1. Clone the repository to your local machine using the following command:

   git clone https://github.com/PriyanshuTrivedi07/NewsSync.git

2. Open the project folder:

   cd NewsSync
   

3. Open the index.html file in your preferred web browser to see the website.

Usage

• Upon opening the web app, you'll instantly see the latest news headlines.
• Use the search functionality to find news articles on specific topics.
• Click on the "Read More" button to access complete articles.

API Key

To run the application, you'll need an API key from News API . Insert your API key in main.js:

const API_KEY = 'YOUR_API_KEY';

Contact

Connect with me on LinkedIn : Priyanshu Trivedi ↗