NewsGrid is a modern and interactive web application that allows users to browse the latest news articles by country and category. Powered by the GNews API, this project provides a sleek and responsive design with animated backgrounds and dynamic content.
- 🌍 Country-Based News: Select your country to view relevant news.
- 📰 Category Filtering: Choose from categories like Technology, Sports, Business, and more.
- 🎨 Interactive Design: Includes animated backgrounds and hover effects for a modern look.
- ⚡ Dynamic Content: News articles are fetched in real-time using the GNews API.
- 💻 Responsive Layout: Fully optimized for desktop and mobile devices.
- ✨ Footer Credit: Developed by Sudipta Sarkar.
| Technology | Purpose |
|---|---|
| HTML5 | Structuring the web page |
| CSS3 | Styling and animations |
| JavaScript (ES6) | Dynamic content and API integration |
| GNews API | Fetching real-time news articles |
| Postman | Testing API requests and debugging |
- Sign up at GNews and get your API key.
- Replace the placeholder API key in
script.js:const API_KEY = "your-api-key-here";
- You may test the API with Postman before integration to ensure it works as expected:
const url = `https://gnews.io/api/v4/top-headlines?country=${country}&topic=${category}&token=${API_KEY}`;
- Clone the repository:
git clone https://github.com/itzsudipta/NewsGrid.git