Facebook-rss-generator-

import React, { useState } from "react";

export default function FacebookRssGenerator() { const [title, setTitle] = useState(""); const [link, setLink] = useState(""); const [description, setDescription] = useState(""); const [pubDate, setPubDate] = useState(""); const [rssItem, setRssItem] = useState("");

const generateRssItem = (e) => { e.preventDefault();

const rss = `

<title>${title}</title> ${link} ${description} ${pubDate} ${link} `.trim();setRssItem(rss);

};

return (

📢 Facebook to RSS Generator

Post Title <input type="text" value={title} onChange={(e) => setTitle(e.target.value)} className="w-full border rounded p-2" required />

Post URL (Facebook link) setLink(e.target.value)} className="w-full border rounded p-2" required />

<div>
  <label className="block text-sm font-medium">Short Description</label>
  <textarea
    value={description}
    onChange={(e) => setDescription(e.target.value)}
    className="w-full border rounded p-2"
    rows="3"
    required
  ></textarea>
</div>

<div>
  <label className="block text-sm font-medium">Publish Date</label>
  <input
    type="text"
    placeholder="Mon, 22 Jul 2025 12:00:00 GMT"
    value={pubDate}
    onChange={(e) => setPubDate(e.target.value)}
    className="w-full border rounded p-2"
    required
  />
</div>

<button
  type="submit"
  className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700"
>
  Generate RSS Item
</button>

{rssItem && (

Generated RSS:

{rssItem}

)}

); }