· Pantelis Theodosiou

FeedFlow - RSS Aggregation & WordPress Publishing Platform

A modern Vue.js application that provides a beautiful interface for aggregating RSS feeds, mapping content to custom formats, and automatically publishing to WordPress via REST API.

A modern Vue.js application that provides a beautiful interface for aggregating RSS feeds, mapping content to custom formats, and automatically publishing to WordPress via REST API.

The Challenge

Content creators often struggle with the manual labor of sourcing and re-publishing content from various industry sources.

  • Context: Managing multiple RSS feeds and manually transferring content to WordPress is a repetitive task.
  • Problem: The process of copy-pasting, formatting, and attributing content is time-consuming and prone to errors.
  • Goal: Create a streamlined tool to aggregate RSS feeds and publish them to WordPress with a single click.

The Solution

FeedFlow is a modern web application that bridges the gap between consumption and publishing.

  • Strategy: Build a responsive client-side application that handles the heavy lifting of parsing and formatting, using the WordPress REST API for seamless integration.
  • Key Capabilities:
    • Smart Aggregation: Consolidates unlimited RSS feeds into a single, clean dashboard.
    • Automated Mapping: Intelligent rules map feed fields (title, content, author) to custom WordPress post types.
    • One-Click Publishing: Instant publication or draft creation via the WordPress API.

Technical Architecture

The application is built for performance and ease of deployment.

  • Tech Stack: Vue.js 3, TailwindCSS, WordPress REST API, Vite.
  • Architecture: A client-side Single Page Application (SPA) interacting directly with external APIs.
  • Key Decisions:
    • Vue.js 3: Selected for its Composition API and excellent reactivity system.
    • Client-Side Parsing: Implemented robust parsing logic to handle various RSS/Atom formats directly in the browser.

My Role & Contributions

I led the end-to-end development of the platform.

  • Architect: Designed the decoupled architecture to ensure separation of concerns between fetching, parsing, and publishing.
  • Develop: Built the reactive UI with PrimeVue and Tailwind, ensuring a premium user experience.
  • Solve: Overcame significant CORS challenges by implementing a smart proxying strategy for feed fetching.
Coding and Development
Photo by Christopher Gower on Unsplash

Challenges & Learnings

  • Obstacle: Browser-based RSS fetching often fails due to CORS policies on feed servers.
  • Solution: Developed a serverless proxy handling mechanism to fetch feeds securely without exposing API keys or hitting CORS blocks.
  • Takeaway: Deepened understanding of browser security models and cross-origin resource sharing intricacies.

Impact & Results

  • Outcome: Drastically reduced the time required to curate and publish news roundups.
  • Metric: Enabled users to process 50+ feed items in minutes rather than hours.
  • Feedback: praised for its clean UI and reliability in daily workflows.
Share:
Back to Projects