π° Modern RSS Feed Reader
π 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
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
- Clone the repository:
- Open the
index.htmlfile in your web browser to view the news website. - Click on the article titles to access the corresponding news details.
- If you access the site from a mobile device, you'll see a warning not to display news images.
- 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 file.