https://github.com/mehmetkahya0/rss

RSS News Aggregator using JavaScript, HTML, and CSS. Explore news from various sources like The Verge, New York Times, and more. Responsive design, dynamic images, and user feedback.
https://github.com/mehmetkahya0/rss

ai breaking-news chatgpt css html javascript js news open-source openai rss rss-aggregator rss-feed rss-generator rss-reader we-design web

Last synced: about 1 year ago
JSON representation

RSS News Aggregator using JavaScript, HTML, and CSS. Explore news from various sources like The Verge, New York Times, and more. Responsive design, dynamic images, and user feedback.

• Host: GitHub
• URL: https://github.com/mehmetkahya0/rss
• Owner: mehmetkahya0
• License: mit
• Created: 2023-08-15T20:35:01.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-01-31T21:45:15.000Z (over 1 year ago)
• Last Synced: 2025-04-09T19:12:05.612Z (about 1 year ago)
• Topics: ai, breaking-news, chatgpt, css, html, javascript, js, news, open-source, openai, rss, rss-aggregator, rss-feed, rss-generator, rss-reader, we-design, web
• Language: JavaScript
• Homepage: https://mehmetkahya0.github.io/rss/
• Size: 2.73 MB
• Stars: 14
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

          
# 📰 Modern RSS Feed Reader



  


  [![Live Demo](https://img.shields.io/badge/Live-Demo-brightgreen.svg)](https://mehmetkahya0.github.io/rss/)

  [![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)

  [![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fmehmetkahya0%2Frss&count_bg=%23D16C0E&title_bg=%23272727&icon=rss.svg&icon_color=%23E7E7E7&title=views&edge_flat=false)](https://hits.seeyoufarm.com)



## 📖 Project Description

A modern, lightning-fast RSS feed aggregator built with vanilla JavaScript. This application fetches and combines multiple RSS feeds into a unified, beautiful interface with real-time updates. Features an intelligent caching system, multiple CORS proxy support, and a responsive glass-morphism design.

### Live Demo: [Website](https://mehmetkahya0.github.io/rss/) 

### Key Highlights:

- **Smart Caching**: Implements local storage with intelligent cache invalidation

- **Fault Tolerant**: Multiple proxy fallbacks ensure reliable feed fetching

- **Performant**: Vanilla JS implementation with zero dependencies

- **Accessible**: Semantic HTML and keyboard navigation support

- **Modern UI**: Glass-morphism design with smooth animations

## 🌟 Features

- 🔄 Real-time RSS feed aggregation

- 🌓 Dark/Light theme support

- 🔍 Search functionality

- 📱 Responsive design

- 🏷️ Category filtering

- ⚡ Fast loading with caching

- 🌐 CORS-friendly with multiple proxy support

- 🎨 Modern glass-morphism UI

## 🚀 Quick Start

1. Clone the repository:

2. Open the `index.html` file in your web browser to view the news website.

3. Click on the article titles to access the corresponding news details.

4. If you access the site from a mobile device, you'll see a warning not to display news images.

5. Click on the "Feedback" button to send feedback via email.

## 🛠️ Technologies & Architecture

### Core Technologies

- **HTML5**

  - Semantic markup

  - Web Storage API

  - DOM API

  

- **CSS3**

  - CSS Variables for theming

  - Glass-morphism effects

  - CSS Grid & Flexbox

  - CSS Animations

  - Media Queries

  

- **JavaScript (ES6+)**

  - Async/Await

  - DOM Manipulation

  - localStorage API

  - Fetch API

  - XML/RSS Parsing

  

### Development Tools

- **Version Control**: Git

- **Code Quality**: ESLint

- **Performance**: Lighthouse Audits

- **Deployment**: GitHub Pages

### Architecture Highlights

## 📸 Screenshots



  

    

      

        

        


        Light Mode

      

      

        

        


        Dark Mode

      

    

  



## Contribution

If you would like to contribute to the project, please open a "Pull Request." For significant changes, remember to discuss them in the "Discussions" section first.

## License

This project is licensed under the MIT License. For more information, please refer to the [LICENSE](LICENSE) file.