📰 News Website
Overview
This is a dynamic news website built using HTML, CSS, and JavaScript, integrating a News API to fetch and display the latest daily news across multiple categories. Users can explore trending articles, search for specific topics, and filter news based on their interests.
✅ Real-time News Updates – Fetches daily news dynamically using a News API
✅ Search Functionality – Find news articles related to specific topics
✅ Category-Based Filtering – Browse news from categories like Technology, Sports, Business, Entertainment, and more
✅ Interactive UI – A clean, responsive, and user-friendly interface
✅ Live Demo – Experience the website in action by cloning the repository
🚀 Technologies Used
- HTML5 – Structure the web pages
- CSS3 – Styling and layout
- JavaScript – Fetch news data and enhance interactivity
- News API – Provides real-time news updates
📌 How to Clone and Run the Project
To try the News Website on your local machine, follow these steps:
1️⃣ Clone the Repository
Open your terminal and run:
git clone https://github.com/kanishka-coder0809/news-website.git
2️⃣ Navigate to the Project Folder
cd News-App
3️⃣ Open in a Web Browser
Since this is a frontend-only project, you can directly open the index.html
file in your browser:
start index.html # Windows
open index.html # macOS
xdg-open index.html # Linux
4️⃣ Get Your Own API Key If you'd like to fetch live news from the API, replace the existing API Key in the JavaScript file with your own. You can get one from NewsAPI.org.