https://github.com/armanbhatia0100/news-site-landing-page
Welcome to the News Website repository! This project is a simple yet elegant news platform built using HTML, CSS, and JavaScript, designed to deliver the latest headlines in an intuitive and user-friendly interface.
https://github.com/armanbhatia0100/news-site-landing-page
Last synced: 3 months ago
JSON representation
Welcome to the News Website repository! This project is a simple yet elegant news platform built using HTML, CSS, and JavaScript, designed to deliver the latest headlines in an intuitive and user-friendly interface.
- Host: GitHub
- URL: https://github.com/armanbhatia0100/news-site-landing-page
- Owner: ArmanBhatia0100
- Created: 2023-10-04T05:12:41.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-04T03:26:14.000Z (3 months ago)
- Last Synced: 2025-03-04T04:26:39.231Z (3 months ago)
- Language: SCSS
- Homepage:
- Size: 5.12 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: news-homepage-figma/README.md
Awesome Lists containing this project
README
# 📰 News Website
Welcome to the **News Website** repository! This project is a simple yet elegant news platform built using **HTML, CSS, and JavaScript**, designed to deliver the latest headlines in an intuitive and user-friendly interface.
## 🚀 Features
- 📰 **Latest News** – Display trending news from various categories.
- 🔍 **Search Functionality** – Find news articles by keywords.
- 📌 **Category Filters** – Browse news by topics like Business, Sports, Technology, and more.
- 📱 **Responsive Design** – Works seamlessly on desktops, tablets, and mobile devices.
- 🌙 **Dark Mode Support** – Toggle between light and dark themes.
## 🛠️ Technologies Used
- 🏗️ **HTML5** – Structuring the web pages.
- 🎨 **CSS3** – Styling the layout for a modern look.
- ⚡ **JavaScript (ES6)** – Enabling dynamic news fetching and user interactions.
- 🌍 **News API** – Fetching real-time news updates from an external API.
## 🔧 Installation & Setup
1️⃣ **Clone the Repository**
```bash
git clone https://github.com/your-username/news-website.git
cd news-website
```
2️⃣ **Open the Project**
Simply open the `index.html` file in your browser.
3️⃣ **API Configuration (Optional)**
If using an external news API, update the API key in `script.js`:
```js
const apiKey = 'YOUR_NEWS_API_KEY';
```
## 💡 Future Enhancements
- 🗞️ **User Authentication** – Allow users to save and personalize news feeds.
- 🌎 **Multiple Language Support** – Display news in different languages.
- 📡 **Live News Updates** – Automatically refresh content for real-time news.
## 🤝 Contributing
Contributions are welcome! Feel free to fork this repo and submit pull requests.
🚀 **Stay updated with the latest news! Happy coding!** ✨