{"id":20579206,"url":"https://github.com/andyj/alpine.js-rss-reader","last_synced_at":"2026-05-29T08:31:40.411Z","repository":{"id":253175104,"uuid":"842687468","full_name":"andyj/alpine.js-rss-reader","owner":"andyj","description":"Alpine.js RSS reader using my BlueSky profile for the feed","archived":false,"fork":false,"pushed_at":"2024-08-18T16:27:32.000Z","size":86,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-06T11:45:43.197Z","etag":null,"topics":["alpinejs","bluesky-feed","bootstrap","bootstrap5","html5","rss"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andyj.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-14T21:26:18.000Z","updated_at":"2024-11-30T18:17:35.000Z","dependencies_parsed_at":"2024-08-19T10:47:31.254Z","dependency_job_id":null,"html_url":"https://github.com/andyj/alpine.js-rss-reader","commit_stats":null,"previous_names":["andyj/alpine.js-rss-reader"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/andyj/alpine.js-rss-reader","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andyj%2Falpine.js-rss-reader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andyj%2Falpine.js-rss-reader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andyj%2Falpine.js-rss-reader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andyj%2Falpine.js-rss-reader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andyj","download_url":"https://codeload.github.com/andyj/alpine.js-rss-reader/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andyj%2Falpine.js-rss-reader/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33644198,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-29T02:00:06.066Z","response_time":107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["alpinejs","bluesky-feed","bootstrap","bootstrap5","html5","rss"],"created_at":"2024-11-16T06:16:07.550Z","updated_at":"2026-05-29T08:31:40.395Z","avatar_url":"https://github.com/andyj.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Alpine.js RSS Reader\n\nA simple RSS feed reader application using Alpine.js. This app fetches and displays posts from a BlueSky user feed, presenting them in a card layout using Bootstrap.\n\n## Features\n\n- Fetches and displays RSS feed data from BlueSky.\n- Uses Alpine.js for interactivity and state management.\n- Utilises Bootstrap for responsive styling and layout.\n- Uniform card height to ensure a clean and consistent look.\n\n## Live Demo\n\nYou can view a live demo at [https://andyj.github.io/alpine.js-rss-reader/](https://andyj.github.io/alpine.js-rss-reader/).\n\n## Installation\n\nTo run this application locally, follow these steps:\n\n1. **Clone the Repository**\n\n   ```bash\n   git clone https://github.com/andyj/alpine.js-rss-reader.git\n   ```\n\n2. **Navigate to the Project Directory**\n\n   ```bash\n   cd alpine.js-rss-reader\n   ```\n\n3. **Open the HTML File**\n\n   Open `index.html` in your preferred web browser.\n\n## How It Works\n\n1. **Fetch RSS Feed:**\n   The application fetches the RSS feed from BlueSky using a proxy service called [allorigins.win](https://allorigins.win) to bypass any CORS restrictions.\n\n2. **Parse XML:**\n   The fetched RSS feed is parsed using the `DOMParser` API to extract relevant data.\n\n3. **Display Feed Items:**\n   Feed items are displayed in a Bootstrap 5 grid \n\n## Dependencies (CDN's)\n\n- [Alpine.js](https://alpinejs.dev/) \n- [Bootstrap](https://getbootstrap.com/)\n- [All Origins](https://allorigins.win/)\n\n## Code Overview\n\n- **HTML:** Contains the structure and layout of the application, including Bootstrap classes for styling and Alpine.js directives for interactivity.\n- **CSS:** Provides custom styles to ensure uniform card heights and layout consistency.\n- **JavaScript:** Handles fetching, parsing, and displaying RSS feed data using Alpine.js.\n\n## Customisation\n\nTo customise the feed URL or adjust the layout, modify the following sections:\n\n- **Feed URL:** Change the URL in the `fetchFeed()` function inside the `\u003cscript\u003e` tag in `index.html`.\n\n## Contributing\n\nContributions are welcome! Please fork the repository and submit a pull request with your changes.\n\nFor any issues or feature requests, please open an issue on the [GitHub repository](https://github.com/andyj/alpine.js-rss-reader/issues).\n\n## License\n\nThis project is licensed under the [MIT License](https://andyj.github.io/alpine.js-rss-reader/Licence).\n\n## Contact\n\nIf you have any questions leave a message through [Github issues](https://github.com/andyj/alpine.js-rss-reader/issues)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandyj%2Falpine.js-rss-reader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandyj%2Falpine.js-rss-reader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandyj%2Falpine.js-rss-reader/lists"}