BatNews is a lightweight web application that fetches and displays curated news articles about topics such as carbon footprint and coal waste. Built with simplicity in mind, it uses HTML, CSS, and JavaScript to interact with a third-party API for dynamic news content.
- Curated News Display: Shows four top news articles on environmental topics like carbon footprint and coal waste.
- Responsive Design: Works seamlessly on desktops, tablets, and mobile devices.
- Simple and Lightweight: Built using HTML, CSS, and vanilla JavaScript.
-
Frontend:
- HTML
- CSS
- JavaScript
-
API:
- News API (or similar) for fetching news data.
Follow these steps to run BatNews locally:
- Clone the repository:
git clone https://github.com/yourusername/batnews.git cd batnews
2.Set up the API key: Open the script.js file and replace YOUR_API_KEY with your News API key:
const API_KEY = 'YOUR_API_KEY';
3.Open the index.html file in your browser to view the application.
📙 Usage 1.Open the application in your browser. 2.Browse through the displayed news articles on the homepage. 3.Click on any article to read more on the source website. 🎨 Design Philosophy
BatNews prioritizes simplicity and usability: 1.Clean UI for an enjoyable browsing experience. 2.Responsive layout for easy access across all devices. 3.A focus on minimalist design to keep the content front and center. 🤝 Contributing Contributions are welcome! To contribute:
Fork the repository. Make your changes and commit them. Submit a pull request. 📬 Contact For any questions or feedback, feel free to reach out: Email: [email protected]