{"id":19268297,"url":"https://github.com/alexbelloni/feedr","last_synced_at":"2026-04-15T10:32:36.541Z","repository":{"id":94840300,"uuid":"247157559","full_name":"alexbelloni/feedr","owner":"alexbelloni","description":"Feedr is a JavaScript feed reader","archived":false,"fork":false,"pushed_at":"2020-03-25T20:37:41.000Z","size":53,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-23T19:45:49.297Z","etag":null,"topics":["css3","generalassembly","html5","javascript","jquery"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alexbelloni.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":"2020-03-13T20:38:18.000Z","updated_at":"2022-07-04T13:53:33.000Z","dependencies_parsed_at":"2023-07-24T13:15:07.967Z","dependency_job_id":null,"html_url":"https://github.com/alexbelloni/feedr","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/alexbelloni/feedr","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexbelloni%2Ffeedr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexbelloni%2Ffeedr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexbelloni%2Ffeedr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexbelloni%2Ffeedr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexbelloni","download_url":"https://codeload.github.com/alexbelloni/feedr/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexbelloni%2Ffeedr/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31837165,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T10:26:52.245Z","status":"ssl_error","status_checked_at":"2026-04-15T10:26:51.649Z","response_time":63,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css3","generalassembly","html5","javascript","jquery"],"created_at":"2024-11-09T20:15:43.870Z","updated_at":"2026-04-15T10:32:36.522Z","avatar_url":"https://github.com/alexbelloni.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Feedr, a feed reader\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/3523925d-f136-4cdf-b7ce-4fdc41117747/deploy-status)](https://app.netlify.com/sites/feedreader/deploys)  \n\nFeedr is a feed reader, which shows headlines of articles from news sources on a ordered list.  \nJavaScript and JQuery  \n\n[Site](https://feedreader.netlify.com)\n\nProject description: build a simple, single-page application that consumes data from an open, third-party API  \n-\u003e SPA consuming feeds and a news API\n\n## Project's Technical Requirements\n\n### Feed requirements\n✔ Each article must provide an image source for the circular thumbnail at the\n  left of the article.  \n✔ Must provide either a category, tag, or custom taxonomy to display below the\n  title (of course title of article is also required).  \n✔ Must provide a point, ranking, or some type of total impressions for the\n  respective article.  \n✔ Must provide either a full version or a summary of the article for the pop up\n  screen.  \n\n### Feed rules\n\n✔  When the application first loads display the loading container (see below on\n  instructions to toggle this). When you successfully retrieve information from\n  the default API hide the loader and replace the content of the `#main`\n  container with that of the API. The DOM structure of each article must adhere\n  to the `.article` structure.  \n✔  When the user selects an article's title show the `#popUp` overlay. The\n  content of the article must be inserted in the `.container` class inside\n  `#popUp`. Make sure you remove the `.loader` class when toggling the article\n  information in the pop-up.  \n✔  Change the link of the \"Read more from source\" button to that of the\n  respective article.  \n✔  When the user selects a source from the dropdown menu on the header, replace\n  the content of the page with articles from the newly selected source. Display\n  the loading pop up when the user first selects the new source, and hide it on\n  success.  \n✔  Add an error message (either alert or a notification on the page) if the app\n  cannot load from the selected feed.\n\n### Additional UI interaction rules\n\n✔  When the app is first loading and when the user selects to load a new feed\n  from the dropdown, display the `#popUp` container with the `.loader` class.\n  You can toggle the `.hidden` class from the container to display/hide the\n  overlay container.  \n✔  Add functionality to hide the pop-up when user selects the \"X\" button on the\n  pop-up.  \n✔  Clicking/tapping the \"Feedr\" logo will display the main/default feed.  \n✔  Merge all feeds into one main feed in chronological order for the initial\n   view. When the user clicks/taps the \"Feedr\" logo at the top, they should be\n   return to this feed. This will be the new \"home view.\"\n\n\n## Technical hurdles and new knowledge\n### Hurdles\nIt's hard finding news feeds in Json format     \nSome news sources blocked me because of CORS issue \n### New things \nReview how to use JavaScript modules and promises  \nBecause of the hurdles above, added rss-to-json online converter and heroku CORS service to receive some feeds\n\n## References\n\nNewsAPI: http://newsapi.org  \nFeeds: nasa.gov laravel-news.com reddit.com  \nNetlify: https://netlify.com  \nMDN web docs: https://developer.mozilla.org/  \nAlex's website: https://alexandrebelloni.com  \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexbelloni%2Ffeedr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexbelloni%2Ffeedr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexbelloni%2Ffeedr/lists"}