Skip to content

Latest commit

 

History

History
71 lines (59 loc) · 2.26 KB

README.md

File metadata and controls

71 lines (59 loc) · 2.26 KB
Raw

RSS Reader

Tests and code analysis:

Actions Status Maintainability

Demonstration:

https://frontend-project-11-chi-snowy.vercel.app/

Project Description

RSS Reader is a web application for aggregating RSS feeds. It allows users to add RSS feeds, automatically update them, and read new entries in a convenient format.

This project demonstrates:

  • working with the DOM API;
  • asynchronous JavaScript (including Promises and error handling);
  • using AJAX for HTTP requests;
  • form validation with the Yup library;
  • implementing MVC architecture for maintainable code;
  • configuring builds and deployment with Webpack;
  • localization of the interface with i18next;
  • integration of popular libraries like Axios and Lodash.

Features

  • Add RSS feeds with URL validation.
  • Automatically update feeds and display new entries.
  • User-friendly interface built with Bootstrap.
  • Multilingual interface support.
  • Error messages for invalid feeds or update failures.

Tech Stack

  • Language: JavaScript (ES6+).
  • Build Tool: Webpack.
  • CSS: Bootstrap and SASS.
  • AJAX: Axios for HTTP requests.
  • Validation: Yup.
  • Localization: i18next.
  • Other Libraries: Lodash, on-change, uuid, rss-parser.

Installation

  1. Clone the repository: 
    git clone https://github.com/ElenaManukyan/frontend-project-11.git
cd rss-reader
  2. Install dependencies: 
    npm install

Scripts

  • Development Build: 
    npm run build:dev
  • Production Build: 
    npm run build:prod
  • Run Development Server: 
    npm run start
  • Watch for File Changes: 
    npm run watch

Usage

  1. Start the application: 
    npm run start
  2. Open http://localhost:8080 in your browser.
  3. Enter an RSS feed URL and click "Добавить"
  4. Read new entries from the added feeds.